Guest User

Untitled

a guest
Dec 12th, 2012
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 73.57 KB | None | 0 0
  1. html {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5. body {background:url(../image/tail-top.gif) 0px 0px repeat-x;
  6.     color: #6e6e6e;
  7.     font-family: Arial, Helvetica, sans-serif;
  8.     margin: 0px;
  9.     padding: 0px;
  10. }
  11. body, td, th, input, textarea, select, a {
  12.     font-size: 12px;
  13. }
  14. h1 {
  15.     color: #000;
  16.     font-family: 'Open Sans', sans-serif;
  17.     font-size:22px;
  18.     font-weight:600;
  19.     margin-top: 0px;
  20.     margin-bottom: 20px;
  21. }
  22. .active{ display:block!important;}
  23. .content.active{opacity:1!important;filter: alpha(opacity=100)!important;}
  24. .button-2.left-button-prod{ float:right;}
  25. .price.special-price{ float:none;}
  26. .jcarousel-skin-opencart{ margin-left:8px;}
  27. .ff{font-size:15px; color:#c41908;font-weight:600;font-family: 'Open Sans', sans-serif; padding-bottom:9px;}
  28. .welcome h1{ font-size:22px; color:#131011; font-weight:600;font-family: 'Open Sans', sans-serif; padding-top:20px; margin-bottom:10px;}
  29. .welcome  img { float:left; width:290px;  margin:0; padding:0; text-align:right; display:block; position:relative; z-index:9; overflow:hidden;}
  30. .welcome p + p{ float:left;width:630px; font-size:12px; color:#6e6e6e; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:18px;margin:0; padding:0;}
  31. .welcome p + p + p{ margin:0; padding:0;}
  32. .welcome{ overflow:hidden; width:910px; border-top:1px solid #cecece; padding-right:20px; margin-left:20px; margin-bottom:25px; background:url('../image/img-about.jpg') right 0px no-repeat;}
  33. .welcome-box{ width:950px;}
  34. {font-size:15px; color:#c41908;font-weight:600;font-family: 'Open Sans', sans-serif;}
  35. .welcome-box p { margin:0;}
  36. h2 {
  37.     color: #000000;font-family: 'Open Sans', sans-serif;
  38.     font-size: 16px;
  39.     margin-top: 0px;
  40.     margin-bottom: 5px;
  41. }
  42. #button-register{ margin-top:10px;}
  43. .checkout-content .buttons #button-payment{ margin-top:10px;}
  44. #contact textarea{ width:500px!important;}
  45. p {
  46.     margin-top: 0px;
  47.     margin-bottom: 20px;
  48. }
  49. a, a:visited, a b {
  50.     color: #7f7f7f;
  51.     text-decoration: underline;
  52.     cursor: pointer;
  53. }
  54. a:hover {
  55.     text-decoration: none;
  56. }
  57. a img {
  58.     border: none;
  59. }
  60. form {
  61.     padding: 0;
  62.     margin: 0;
  63.     display: inline;
  64. }
  65. input[type='text'], input[type='password'], textarea {
  66.     background: #F8F8F8;
  67.     border: 1px solid #CCCCCC;
  68.     padding: 3px;
  69.     margin-left: 0px;
  70.     margin-right: 0px;
  71. }
  72. select {
  73.     background: #F8F8F8;
  74.     border: 1px solid #CCCCCC;
  75.     padding: 2px;
  76. }
  77. label {
  78.     cursor: pointer;
  79. }
  80. /* layout */
  81. #container {
  82.     width: 930px;
  83.     margin-left: auto;
  84.     margin-right: auto;
  85.     text-align: left;
  86.     overflow:hidden;
  87. }
  88. #column-left {
  89.     float: left;
  90.     width:210px;
  91.     background:#fff;
  92.     padding-top:17px;
  93. }
  94. #column-right {
  95.     float: right;
  96.     width:210px;
  97. }
  98. .wrap-content{ background:#fff; padding:0px 0px 20px 0px;}
  99. #content {
  100.     min-height: 400px;
  101.     margin-bottom:20px;
  102.     background:#fff; padding-top:17px; padding-left:20px;
  103. }
  104. #banner4{ border-bottom:1px solid #cecece; border-top:1px solid #cecece; margin-bottom:20px;}
  105. #column-left + #column-right + #content, #column-left + #content {
  106.     margin-left:220px;
  107. }
  108. #column-right + #content {
  109.     margin-right:210px;
  110. }
  111. #content .box.home-block{ float:left;}
  112. .banner{ float:left; width:330px!important;}
  113. /* header */
  114. #header {
  115.     height:125px;
  116.     margin-bottom: 7px;
  117.     padding-bottom:5px;
  118.     position: relative;
  119.     z-index: 99;
  120. }
  121. #header #logo {
  122.     position: absolute;
  123.     top:20px;
  124.     left:0px;
  125. }
  126. #language {
  127.     position: absolute;
  128.     top: 15px;
  129.     left: 335px;
  130.     width: 75px;
  131.     color: #999;
  132.     line-height: 17px;
  133. }
  134. #language img {
  135.     cursor: pointer;
  136. }
  137. #currency a:first-child{ padding-left:7px;}
  138. #currency {
  139.   color: #828282;
  140.     line-height: 17px;
  141.     position: absolute;
  142.     right: -12px;
  143.     top:21px;
  144.     width: 117px;
  145. }
  146. #currency a:hover{ color:#fff;}
  147. #currency a:first-child{ background:none;}
  148. #currency a  {
  149.     display: inline-block;
  150.     padding: 2px 0px 2px 9px;
  151.     color: #828282;
  152.     text-decoration: none;
  153.     margin-right:0px;
  154.     margin-bottom: 2px;
  155.     font-weight:bold;
  156. }
  157. #currency a b {
  158.     color: #fff;
  159.     text-decoration: none;
  160. }
  161. #header #cart {
  162.     position: absolute;
  163.     top:27px;
  164.     left:297px;
  165.     z-index: 9; padding-left:40px;
  166.         background:url('../image/item-cart.png') 0 2px no-repeat;
  167.         padding-bottom:5px;
  168. }
  169. .footer-wrap{background:url('../image/tail-footer.gif') 0 0px repeat-x #ededed; width:912px; margin:0 auto; border:1px solid #d6d6d6; border-radius:2px; padding-left:18px;}
  170. #header #cart .heading {
  171.     padding-left: 14px; padding-top:0px;
  172.     padding-right: 14px;
  173.     position: relative;
  174.     z-index: 1;
  175. }
  176. #back-top {position: fixed;bottom: 30px;z-index:9999;left:50%;margin-left:520px;}
  177. #back-top a:hover {color:#79ec3e;}
  178. #back-top span {width:35px;height:20px;display: block;margin-bottom: 7px;background:url(../image/up-arrow.png) no-repeat left 0px;}
  179. #back-top a:hover span { background-position:left -34px;}
  180. #header #cart .heading h4 {
  181.     color: #ffffff;font-family: 'Open Sans', sans-serif;
  182.     font-size: 12px;
  183.     font-weight:normal;
  184.     text-transform:uppercase;
  185.     margin-top: 0px;
  186.     padding-top:6px;
  187.     margin-bottom:0px;
  188. padding-right:10px;
  189. }
  190. #tab-review #captcha{ margin-top:10px;}
  191.  
  192. #header #cart .heading span {
  193.     background:url('../image/arrow-down.png') 100% 50% no-repeat;
  194.     padding-right: 15px; padding-bottom:3px;    color: #828282;
  195.     text-decoration: none;
  196. }
  197. #header #cart .content {
  198.     clear: both;
  199.     display: none;
  200.     position: relative; width:270px;
  201.     top:5px;
  202.     background:#fff; z-index:9999;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  203. }
  204. #header #cart.active .heading {
  205.     margin-top: 5px;
  206.     padding-top: 10px;
  207.     padding-bottom: 6px;
  208. }
  209. #header #cart.active .content {
  210.     display: block;
  211. }
  212. #header #cart b{ padding:0 5px 0 0;}
  213. #header #cart .cart {
  214.     border-collapse: collapse;
  215.     width: 100%;
  216.     margin-bottom: 5px;
  217. }
  218. .right .cart #button-cart{ margin-top:1px; float:right;}
  219. .cart-module .cart tr { background:none;}
  220. #header #cart .cart td.price{ font-size:12px; font-weight:600;font-family: 'Open Sans', sans-serif; line-height:12px;}
  221. #header #cart .cart td.total{ font-size:12px; font-weight:600;font-family: 'Open Sans', sans-serif;}
  222. #header #cart .cart td.name a:hover{ text-decoration:underline;}
  223. #header #cart .cart td.name a{ text-decoration:none; font-weight:bold; color:#272727; }
  224. #header #cart .cart td {
  225.     color: #000;
  226.     vertical-align: top;
  227.     padding: 10px 0px 22px 5px;
  228. }
  229. #header #cart .cart .image {
  230.     width: 1px; padding-left:15px; padding-right:7px;
  231. }
  232. .cart tr{background:url('../image/tail-tr.gif') left top repeat-x #f5f5f6; padding-bottom:20px;}
  233. #header #cart .cart .image img {
  234.  background:#fff;
  235.     text-align: left;
  236. }
  237. #header #cart .cart .name small {
  238.     color: #666;
  239. }
  240. #header #cart .cart .quantity {font-size:12px; font-weight:600;font-family: 'Open Sans', sans-serif;
  241.     text-align: right;
  242. }
  243. #header #cart .cart td.total {font-size:12px; font-weight:600;font-family: 'Open Sans', sans-serif; color:#c81908;
  244.     text-align: right;
  245. }
  246.  
  247. #header #cart  tr{ }
  248. #header #cart .cart .remove img{ margin-left:5px;}
  249. #header #cart .cart .remove {
  250.     text-align:left; padding-right:10px;
  251. }
  252. #header #cart .cart .remove img {
  253.     cursor: pointer;
  254. }
  255. #column-left .box .box-product .image {
  256.     display: block;
  257.     margin-bottom: 24px;
  258.     text-align: center;
  259. }
  260. #header #cart table.total {
  261.     border-collapse: collapse;font-size:11px; font-weight:600;font-family: 'Open Sans', sans-serif;
  262.     padding: 5px 10px 5px 10px;
  263.     float: right;
  264.     clear: left;
  265.     margin-bottom: 5px;
  266. }
  267. #header #cart table.total  tr{padding:0px 10px 0px 10px;}
  268. #header #cart table.total td  b{ color:#000;}
  269. #header #cart table.total td {
  270.     color: #c81908; padding-left:10px; padding-right:10px;
  271. }
  272. #header #cart .content .checkout {
  273.     text-align: right;
  274.     clear: both; padding-right:10px; padding-bottom:10px;
  275. }
  276. #header #cart .empty {
  277.     padding-top:20px;
  278.     text-align: center;
  279.     padding-bottom:20px;
  280. }
  281. .box-heading.title-cat{background: url('../image/tail-cat.gif') left 0px repeat-x;
  282. padding:5px 0 8px 9px!important; color:#fff!important;
  283. font-weight:800!important; text-transform:uppercase;border-radius:2px 2px 0px 0px; margin-bottom:10px;
  284. }
  285. #header #search {
  286.     position: absolute;
  287.     top:94px;
  288.     right:0px;
  289.     width: 281px;
  290.     z-index:1;
  291.     height:30px;
  292.     overflow:hidden;
  293. }
  294. #header .button-search:hover{background: url('../image/button-search.png') left -24px no-repeat;}
  295. #header .button-search {
  296.     position: absolute;
  297.     right: 0px;
  298.     background: url('../image/button-search.png') left top no-repeat;
  299.     width:52px;
  300.     height:24px;
  301.     cursor: pointer;
  302. }
  303. #header #search input {
  304.     background: url('../image/bg-search.gif') left top no-repeat;
  305.     padding:4px 0px 5px 10px;
  306.     font-size:11px;
  307.     width: 262px;
  308.     border:none;
  309.     font-size:12px;
  310.     color:#888685;
  311.     height:16px;
  312.     outline:none;
  313. }
  314. .box-information{ padding:8px 8px 5px 14px; background: url('../image/tail-box-soc.gif') left top repeat-x; overflow:hidden; border-radius:2px; margin-bottom:18px;}
  315. .box-information span{ float:left; font-size:15px; padding-right:52px;  font-weight:bold; color:#fff;font-family: 'Open Sans', sans-serif;}
  316. .box-information a{ float:left; display:inline-block; margin-left:7px; margin-top:-1px;}
  317. #header #welcome a{ color:#828282; text-decoration:none;}
  318. #header #welcome a:hover{ color:#cb1a09;}
  319. #header #welcome {
  320.   color: #828282;
  321.     position: absolute;
  322.     right: -20px;
  323.     text-align: left;
  324.     top:47px;
  325.     width: 298px;
  326.     z-index: 5;
  327. }
  328. #header .links {
  329. font-size: 10px;
  330.     left: 0;
  331.     padding-right: 0;
  332.     position: absolute;
  333.     top:87px;
  334.     z-index:1;background: url('../image/border-link.gif') left top no-repeat;
  335. }
  336. .links li{ float:left; list-style:none;background: url('../image/border-link.gif') right top no-repeat; padding:9px 15px 9px 15px;}
  337. #header .links a:hover{ color:#2a2a2a;}
  338. #header .links a {
  339.     float: left;
  340.     display: block;
  341.     padding: 0px 0px 0px 0px;
  342.     color: #606060;
  343.     font-weight:bold;
  344.     text-transform:uppercase;
  345.     text-decoration: none;
  346.     font-size: 14px;
  347.     font-family: 'Open Sans', sans-serif;
  348. }
  349. #header .links a + a {
  350.     margin-left: 8px;
  351. }
  352. /* menu */
  353. #menu {
  354. background: url('../image/tail-menu.gif') left top repeat-x;
  355.     height: 37px;
  356.     margin-bottom:0px;
  357. }
  358. #menu ul {
  359.     list-style: none;
  360.     margin: 0;
  361.     padding: 0;
  362. }
  363. #menu > ul > li.last{}
  364. #menu > ul > li {
  365.     position: relative;
  366.     float: left;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;
  367.     z-index: 20; background: url('../image/border-menu.gif') right top no-repeat;
  368. }
  369. #menu > ul > li:hover {
  370. -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;
  371.  
  372. }
  373. #menu > ul > li > a {
  374.     font-size: 13px;
  375.     color: #FFF;
  376.     line-height: 14px;
  377.     text-decoration: none;
  378.     display: block;
  379.     padding: 11px 7px 11px 7px;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;
  380.     z-index: 6;
  381.     position: relative; text-transform:uppercase;font-family: 'Open Sans', sans-serif;
  382.    
  383. }
  384. #menu > ul > li > a:hover {background: url('../image/tail-act.gif') left top repeat-x;padding-top:20px;
  385. margin-top:-9px;}
  386. #menu > ul > li > div {
  387.     display: none;
  388.     background: #FFFFFF;
  389.     position: absolute;
  390.     z-index: 5;
  391.     padding:15px 20px 20px 20px;
  392.     background: url('../image/tail-menu-sub.gif');
  393. }
  394. #menu > ul > li:hover > div {
  395.     display: table;
  396. }
  397. #menu > ul > li > div > ul {
  398.     display: table-cell;
  399. }
  400. #menu > ul > li ul + ul {
  401.     padding-left: 20px;
  402. }
  403. #menu > ul > li ul > li > a {
  404.     text-decoration: none;font-family: 'Open Sans', sans-serif;
  405.     padding:7px 4px 7px 0;
  406.     color: #FFFFFF;
  407.     display: block;
  408.     white-space: nowrap;
  409.     min-width: 120px;
  410. }
  411. #menu > ul > li ul > li.last > a{ border:none;}
  412. #menu > ul > li ul > li > a:hover {
  413.     color:#d41c0a;
  414. }
  415. #menu > ul > li > div > ul > li:last-child > a { border:none}
  416. #menu > ul > li > div > ul > li > a {
  417.     color: #FFFFFF; font-size:10px; text-transform:uppercase;
  418.     border-bottom:1px solid #534b45;
  419. }
  420. .breadcrumb {
  421.     color:#CCCCCC;
  422.     margin-bottom:10px;
  423. }
  424. .success, .warning, .attention, .information {
  425.     padding: 10px 10px 10px 33px;
  426.     margin-bottom: 15px;
  427.     color: #555555;
  428. }
  429. .success {
  430.     background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
  431.     border: 1px solid #BBDF8D;
  432. }
  433. .warning {
  434.     background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
  435.     border: 1px solid #F8ACAC;
  436.     padding-left:30px!important;
  437. }
  438. .attention {
  439.     background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
  440.     border: 1px solid #F2DD8C;
  441. }
  442. .success .close, .warning .close, .attention .close, .information .close {
  443.     float: right;
  444.     padding-top: 4px;
  445.     padding-right: 4px;
  446.     cursor: pointer;
  447. }
  448. .required {
  449.     color: #FF0000;
  450.     font-weight: bold;
  451. }
  452. .error {
  453.     display: block;
  454.     color: #FF0000;
  455. }
  456. .help {
  457.     color: #999;
  458.     font-size: 10px;
  459.     font-weight: normal;
  460.     font-family: Verdana, Geneva, sans-serif;
  461.     display: block;
  462. }
  463. table.form {
  464.     width: 100%;
  465.     border-collapse: collapse;
  466.     margin-bottom: 20px;
  467. }
  468. table.form tr td:first-child {
  469.     width: 150px;
  470. }
  471. table.form > * > * > td {
  472.     color: #000000;
  473. }
  474. table.form td {
  475.     padding: 4px;
  476. }
  477. input.large-field{
  478.     width:310px;
  479. }
  480. select.large-field {
  481.     width:317px;
  482. }
  483. .return-comment textarea{ width:307px}
  484. table.list {
  485.     border-collapse: collapse;
  486.     width: 100%;
  487.     border-top: 1px solid #DDDDDD;
  488.     border-left: 1px solid #DDDDDD;
  489.     margin-bottom: 20px;
  490. }
  491. .checkout-product thead td
  492. .checkout-product thead  td{ text-align:center!important;}
  493. .checkout-product td.price{ text-align:canter!important;}
  494. .checkout-product td.total{ text-align:center!important;}
  495. .checkout-product td{border-right: 1px solid #DDDDDD;}
  496. .return-remove .button:hover{ color:#960f02; background:none }
  497. .return-remove .button{ background:none}
  498. table.list td {
  499.     border-right: 1px solid #DDDDDD;
  500.     border-bottom: 1px solid #DDDDDD;
  501. }
  502. table.list thead td {
  503.     background-color: #EFEFEF;
  504.     padding: 0px 5px;
  505. }
  506. table.list thead td a, .list thead td {
  507.     text-decoration: none;
  508.     color: #222222;
  509.     font-weight: bold;
  510. }
  511. table.list tbody td a {
  512.     text-decoration: underline;
  513. }
  514. table.list tbody td {
  515.     vertical-align: top;
  516.     padding: 0px 5px;
  517. }
  518. table.list .left {
  519.     text-align: left;
  520.     padding: 7px;
  521. }
  522. table.list .right {
  523.     text-align: right;
  524.     padding: 7px;
  525. }
  526. table.list .center {
  527.     text-align: center;
  528.     padding: 7px;
  529. }
  530. .pagination {
  531.     border-top: 1px solid #EEEEEE;
  532.     padding-top: 8px;
  533.     display: inline-block;
  534.     width: 100%;
  535.     margin-bottom: 10px;
  536. }
  537. .pagination .links {
  538.     float: left;
  539. }
  540. .pagination .links a {
  541.     display: inline-block;
  542.     border: 1px solid #EEEEEE;
  543.     padding: 4px 10px;
  544.     text-decoration: none;
  545.     color: #A3A3A3;
  546. }
  547. .pagination .links b {
  548.     display: inline-block;
  549.     border: 1px solid #666;
  550.     padding: 4px 10px;
  551.     font-weight: normal;
  552.     text-decoration: none;
  553.     color: #666;
  554.     background: #FFFFFF;
  555. }
  556. .pagination .results {
  557.     float: right;
  558.     padding-top: 3px;
  559. }
  560. /* button */
  561. a.button {
  562.     display: inline-block;
  563.     text-decoration: none;
  564.     cursor: pointer;font-weight:600!important; padding-right:7px;
  565.     background: url('../image/button-right.png') top right no-repeat;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-khtml-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;
  566. }
  567. a.button span {
  568.     color: #FFFFFF; font-weight:bold;
  569.     line-height:1.2em;
  570.     font-size: 12px;
  571.     font-weight: bold;
  572.     display: inline-block;
  573.     padding:2px 10px 5px 8px;background: url('../image/marker-button.png') right 8px no-repeat;
  574.    
  575. }
  576. a.button-2 {
  577.     display: inline-block;  color: #FFFFFF; font-weight:600!important;
  578.     line-height:1.2em;
  579.     font-size: 11px; text-transform:uppercase;
  580.     font-weight: bold;
  581.     display: inline-block;font-family: 'Open Sans', sans-serif;
  582.     line-height:23px; height:23px;
  583.     background: url('../image/button-right.png') top right no-repeat;-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-khtml-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;
  584. }
  585. a.button-2:hover {  background: url('../image/button-right.png') right -23px no-repeat;}
  586. a.button:hover {    background: url('../image/button-right.png') right -23px no-repeat;
  587. }
  588. a.button:hover span {
  589.     color: #FFFFFF;
  590.  
  591. }
  592. .buttons {
  593.     background: #FFFFFF;
  594.     overflow: auto;
  595.     padding: 6px;
  596.     margin-bottom: 20px;
  597. }
  598. .buttons .left {
  599.     float: left;
  600.     text-align: left;
  601. }
  602. .buttons .right {
  603.     float: right;
  604.     text-align: right;
  605. }
  606. .buttons .center {
  607.     text-align: center;
  608.     margin-left: auto;
  609.     margin-right: auto;
  610. }
  611. #module_cart .content {
  612.     background: none repeat scroll 0 0 #FFFFFF;
  613.     border-color: #EEEEEE;
  614.     border-radius: 0 7px 7px 7px;
  615.     border-style: solid;
  616.     border-width: 1px;
  617.     box-shadow: 0 2px 2px #DDDDDD;
  618.     clear: both;
  619.     display: none;
  620.     min-height: 150px;
  621.     padding: 8px;
  622.     position: relative;
  623.     top: -1px;
  624. }
  625. #module_cart.active .heading {
  626.     border-left: 1px solid #EEEEEE;
  627.     border-radius: 7px 7px 0 0;
  628.     border-right: 1px solid #EEEEEE;
  629.     border-top: 1px solid #EEEEEE;
  630.     margin-top: 5px;
  631.     padding-bottom: 6px;
  632.     padding-top: 10px;
  633. }
  634. #module_cart.active .content {
  635.     display: block;
  636. }
  637. #module_cart .cart .name{ padding-top:5px; padding-bottom:10px; padding-top:10px;}
  638. #module_cart .cart {
  639.     border-collapse: collapse;
  640.     margin-bottom: 5px;
  641.     width: 100%;
  642. }
  643. #module_cart .cart td {
  644.     border-bottom: 1px solid #EEEEEE;
  645.     color: #000000;
  646.     padding: 2px 3px;
  647.     vertical-align: top;
  648. }
  649. #module_cart .cart .image {
  650.     display: none;
  651. }
  652. #module_cart .cart .image img {
  653.     border: 1px solid #EEEEEE;
  654.     text-align: left;
  655. }
  656. #module_cart .cart .name small {
  657.     color: #666666;
  658.     line-height: 14px;
  659. }
  660. #module_cart .cart td.quantity{ color: #000000;
  661.     font-family: Arial, Helvetica, sans-serif;
  662.     font-size: 12px;
  663.     font-weight:nnormal; padding-top:18px;}
  664. #module_cart .cart td.total{
  665.     text-align: right;
  666.     vertical-align: middle;
  667.     color: #000000;
  668.     font-family: 'Open Sans',sans-serif;
  669.     font-size: 14px;
  670.     font-weight: 600;
  671. }
  672. #module_cart .cart .remove {
  673.     text-align: right;
  674.     padding: 0 2px;
  675.     vertical-align: middle;
  676. }
  677. #module_cart .cart .remove img {
  678.     cursor: pointer;
  679. }
  680. #module_cart table.total {
  681.     border-collapse: collapse;
  682.     clear: left;
  683.     float: right;
  684.     margin-bottom: 5px;
  685.     padding: 5px;
  686. }
  687. #module_cart table.total td {
  688.     color: #000000; padding-top:10px; padding-bottom:10px; padding-left:5px;
  689. }
  690. #module_cart .checkout {
  691.     clear: both;
  692.     text-align: right;
  693. }
  694. #module_cart .empty {
  695.     text-align: center;
  696. }
  697. .product-list #image {
  698.     float: left;
  699.     margin-top:0px;
  700.     z-index: 0;
  701. }
  702. .product-grid #image {
  703.     float: left;
  704.     margin-top:0px;
  705.     z-index: 0;
  706. }
  707. .home-block #image {
  708.     float: left;
  709.     margin-top:0px;
  710.     z-index: 0;
  711. }
  712. #image{ z-index:0; float:left; margin-top:-247px; }
  713. .htabs {
  714.     height: 30px;      
  715.     line-height: 16px;
  716.     border-bottom: 1px solid #DDDDDD;  
  717. }
  718. .htabs a {
  719.     border-top: 1px solid #DDDDDD;
  720.     border-left: 1px solid #DDDDDD;
  721.     border-right: 1px solid #DDDDDD;
  722.     background: #FFFFFF url('../image/tab.png') repeat-x;
  723.     padding: 7px 15px 6px 15px;
  724.     float: left;
  725.     font-family: Arial, Helvetica, sans-serif;
  726.     font-size: 13px;
  727.     font-weight: bold;
  728.     text-align: center;
  729.     text-decoration: none;
  730.     color: #000000;
  731.     margin-right: 2px;
  732.     display: none;
  733. }
  734. .htabs a.selected {
  735.     padding-bottom: 7px;
  736.     background: #FFFFFF;
  737. }
  738. .tab-content {
  739.     border-left: 1px solid #DDDDDD;
  740.     border-right: 1px solid #DDDDDD;
  741.     border-bottom: 1px solid #DDDDDD;
  742.     padding: 10px 10px 10px 15px;
  743.     margin-bottom: 20px;
  744.     z-index: 2;
  745.     overflow: auto;
  746. }
  747.  
  748. .tab-content table {
  749.     font: 11px/24px Arial, Helvetica, sans-serif;
  750.     border-collapse: collapse;
  751.     border: 1px solid #dddddd;
  752.     width: 500px;  
  753.     }
  754.  
  755. .tab-content th {
  756.     padding: 0 0.5em;
  757.     text-align: left;
  758.     }
  759.  
  760. .tab-content td {
  761.     border-bottom: 1px solid #dddddd;
  762.     padding: 0.5em 1.5em;
  763.     }
  764.  
  765. .tab-content td:first-child {
  766.     color: black;
  767.     border-bottom: 1px solid #dddddd;
  768.     }
  769.  
  770. .tab-content td+td {
  771.     border-left: 1px solid #dddddd;
  772.     }
  773. /* box */
  774. .box {
  775.     margin-bottom:9px;
  776. }
  777. .box .box-heading {
  778.     padding:5px 10px 7px 0px;
  779.     font-family: 'Open Sans', sans-serif;
  780.     font-size:17px;
  781.     font-weight:bold;
  782.     line-height:25px;
  783.     text-transform:uppercase;
  784.     color:#3a3636;
  785. }
  786. .box .box-content {
  787.     background: #FFFFFF;
  788.     padding:0px 0px 10px 0px;
  789. }
  790.  
  791.  
  792. .tip:hover + .tooltip{ display:block;}
  793. .tooltip{ display:none;}
  794. .tooltip{border: 1px solid #eee;
  795. background-color: #fff;
  796.     margin-left:5px;
  797.  
  798.     position: absolute; bottom:-20px;
  799.     text-decoration: none;
  800. padding:4px 10px 4px 10px;font-family: 'Open Sans', sans-serif;
  801.  
  802. opacity: 0.85;
  803. filter: alpha(opacity=85);
  804.     z-index: 10;}
  805.     .tip2:hover + .tooltip2{ display:block;}
  806. .tooltip2{ display:none;}
  807. .tooltip2{border: 1px solid #cccdce;
  808. background-color: #fff;
  809.     margin-left:0px;
  810. padding:4px 10px 4px 10px;
  811.     position: absolute; bottom:-20px;
  812.     text-decoration: none;
  813. font-family: 'Open Sans', sans-serif;
  814.  
  815. opacity: 0.85;
  816. filter: alpha(opacity=85);
  817.     z-index: 10;}
  818.    
  819. .product-list   .tooltip2{border: 1px solid #cccdce;
  820. background-color: #fff;
  821.     margin-left:35px;
  822.     padding:4px 10px 4px 10px;
  823.     position: absolute; bottom:-57px;
  824.     text-decoration: none;font-family: 'Open Sans', sans-serif;
  825.  
  826. opacity: 0.85;
  827. filter: alpha(opacity=85);
  828.     z-index: 10;}
  829.  
  830. .product-list .tooltip{border: 1px solid #eee;
  831. background-color: #fff;
  832.     margin-left:5px;
  833.     padding:4px 10px 4px 10px;
  834.     position: absolute; bottom:-60px;
  835.     text-decoration: none;font-family: 'Open Sans', sans-serif;
  836.  
  837. opacity: 0.85;
  838. filter: alpha(opacity=85);
  839.     z-index: 10;}
  840.  
  841.  
  842.  
  843. .cart .tooltip2{
  844.     border: 1px solid #cccdce;
  845.     background-color: #fff;
  846.     margin-left:0px;
  847.     padding:4px 10px 4px 10px!important;
  848.     position: absolute; bottom:-32px;
  849.     text-decoration: none;
  850.     padding:4px 10px 4px 10px;font-family: 'Open Sans', sans-serif;
  851.     opacity: 0.85;
  852.     filter: alpha(opacity=85);
  853.     z-index: 10;}
  854.  
  855. .cart .tooltip{
  856.     border: 1px solid #cccdce;
  857.     background-color: #fff;
  858.     margin-left:5px;
  859.     padding: 10px;
  860.     position: absolute; bottom:-32px;
  861.     text-decoration: none;
  862.     font-family: 'Open Sans', sans-serif;
  863.     padding:4px 10px 4px 10px!important;
  864.     opacity: 0.85;
  865.     filter: alpha(opacity=85);
  866.     z-index: 10;}
  867.  
  868.  
  869. /* box products */
  870. #column-left .box-product{}
  871. #column-left    .box-special{ }
  872. .prod-stock{background: url('../image/stock.png') left 0px no-repeat; width:40px; height:35px; float:left; color:#fff; text-align:center; font-size:12px; line-height:12px; padding-top:5px;}
  873. .box-product {
  874.     width:100%;
  875.     overflow: auto;
  876.     margin:0; padding:0;
  877. }
  878. #tab-related .image{ float:none; padding:5px; width:80px; height:80px;}
  879. .prod-stock-2{ float:left; padding-top:7px; padding-right:10px;}
  880. #column-left .box-product {
  881.  
  882.    
  883. }
  884. .clear{ clear:both;}
  885. .zoom-top img{ opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
  886. .left .zoom-top:first-child{ margin-top:0px; position:relative; z-index:12; }
  887. .zoom-top:hover{-moz-transform:scale(1.05);/*When hover on images image size will increased*/
  888. -webkit-transform:scale(1.05);/*When hover on images image size will increased*/
  889.     -webkit-transform:scale(1.05);/*When hover on images image size will increased*/
  890. }
  891. .zoom-top{ width:30px!important; height:30px!important;background: url('../image/zoom.png') right 0px no-repeat; overflow:hidden; margin-bottom:-30px; margin-left:218px;}
  892. .box-product > li.tree-div{ margin-right:0;}
  893. .box-product > li {
  894.     width:210px;
  895.     float:left;
  896.     vertical-align: top;
  897.     margin-right:30px;
  898.     margin-bottom:28px;
  899. }
  900. .box-best img{ display:none;}
  901. #module_cart .cart .name a{ text-decoration:none; font-weight:bold; color:#272727;}
  902. #module_cart .cart .name a:hover{ text-decoration:underline;}
  903. #column-left + #column-right + #content .box-product > div {
  904.     width: 119px;
  905. }
  906. .box-product .image {
  907.     display: block;
  908.     margin-bottom:24px;
  909. }
  910. .box-product .image img {
  911. }
  912. .box-product .name{ padding-top:2px;}
  913. .box-product .name a:hover{ text-decoration:underline;}
  914. .box-product .name a {
  915.     color: #272727;
  916.     font-weight:bold; font-size:12px; line-height:17px;
  917.     text-decoration: none;
  918.     display: block;
  919.     margin-bottom: 4px;
  920. }
  921. .box-product .price {
  922.     display: block;
  923.     font-weight:600;
  924.     color: #c51908; padding-top:3px;
  925.     font-size:17px;
  926.     margin-bottom:17px;
  927.     font-family: 'Open Sans', sans-serif;
  928. }
  929. .box-product .price-old {
  930.     color: #8d0d01;
  931.     text-decoration: line-through;
  932. }
  933. .box-product .price-new {
  934.     font-weight: bold;
  935. }
  936. .box-product .rating {
  937.     display: block;
  938.     margin-bottom: 4px;
  939. }
  940. /* box category */
  941. .box-category {
  942.     margin-top: -5px;
  943. }
  944. .box-category ul {
  945.     list-style: none;
  946.     margin: 0;
  947.     padding: 0;
  948. }
  949. .information { list-style:none; margin:0; padding:0;}
  950. .information li a{ text-decoration:none; color:#333;}
  951. .information li a:hover { color:#960f02;}
  952. .information li:first-child{ border:none; }
  953. .information li{ background: url("../image/arrow.gif") no-repeat scroll 0 12px transparent; padding-left:10px; padding-bottom:7px; padding-top:7px; border-top: 1px solid #E7E7E7;}
  954. .afine { list-style:none; margin:0; padding:0;}
  955. .afine li a{ text-decoration:none; color:#333;}
  956. .afine li a:hover { color:#960f02;}
  957. .afine li:first-child{ border:none; }
  958. .afine li{ background: url("../image/arrow.gif") no-repeat scroll 0 12px transparent; padding-left:10px; padding-bottom:7px; padding-top:7px; border-top: 1px solid #E7E7E7;}
  959. .acount{}
  960. .acount { list-style:none; margin:0; padding:0;}
  961. .acount li a{ text-decoration:none; color:#333;}
  962. .acount li a:hover { color:#960f02;}
  963. .acount li:first-child{ border:none; }
  964. .acount li{ background: url("../image/arrow.gif") no-repeat scroll 0 12px transparent; padding-left:10px; padding-bottom:7px; padding-top:7px; border-top: 1px solid #E7E7E7;}
  965.  
  966. .content ul { list-style:none; margin:0; padding:0;}
  967. .content ul li a{ text-decoration:none; color:#333;}
  968. .content ul li a:hover { color:#960f02;}
  969. .content ul li:first-child{ border:none; }
  970. .content ul li{ background: url("../image/arrow.gif") no-repeat scroll 0 12px transparent; padding-left:10px; padding-bottom:7px; padding-top:7px;}
  971.  
  972. .box-category > ul > li { margin-top:1px; margin-bottom:1px;
  973. }
  974. .wishlist-product td a{ text-decoration:none;}
  975. .wishlist-product td a:hover{ color:#960f02;}
  976. .wishlist-product td{ border-right:1px solid #CCC; text-align:center!important; vertical-align: middle!important;}
  977. .q2 { width:299px;}
  978. .box-category > ul > li > a:hover{ color:#c11808;}
  979. .box-category > ul > ul li{ margin-bottom:4px;}
  980. .box-category > ul > ul{ padding:10px 20px 7px 15px;border-radius:2px; margin-top:1px; margin-bottom:1px; border:1px solid #d6d6d6;background:url(../image/tail-cat-sub.gif)  left top repeat-x #ffffff;}
  981. .box-category > ul > li:hover > a{ color:#fff;}
  982. .box-category > ul > li > a{background:url(../image/tail-box-cat.gif) left top repeat-x #eeeeee;
  983.     padding:6px 0px 6px 7px; border:1px solid #d6d6d6;  border-radius:2px; display:block; text-decoration:none;}
  984. .box-category > ul > li > a span { background: url("../image/arrow.png") no-repeat scroll 0 0px transparent!important;
  985.     text-decoration: none;
  986.     color: #000000;
  987.     font-size:12px;
  988.     padding-left:23px;
  989.     text-transform:uppercase;font-family: 'Open Sans', sans-serif;
  990. }
  991. .box-content.bestsellers .box-product > li{ display:inline;}
  992. .box-content.bestsellers ol  {margin:0; padding:0; list-style:decimal-leading-zero inside;color:#c51908; font-weight:bold;}
  993. .box-content.bestsellers ol li:hover{}
  994. .box-content.bestsellers ol li.box-best.last{ background:none;}
  995. .box-content.bestsellers ol li{padding:15px 0 15px 0;background:url(../image/tail-line.gif)  left bottom repeat-x}
  996. .box-content.bestsellers ol li a{ text-decoration:none; font-size:12px; font-weight:bold; color:#272727;}
  997. .box-content.bestsellers ol li a:hover{ text-decoration:underline;}
  998. .box-content.bestsellers .box-product > li{
  999.     list-style: decimal-leading-zero inside;
  1000.     margin: 0;
  1001.     padding: 0;
  1002. }
  1003. .box-category > ul > li:hover ul {
  1004.     display: block;
  1005. }
  1006. #screenshot{
  1007.  position:absolute;
  1008.  background:#fff;
  1009.  display:none;
  1010.  color:#ddd;
  1011.  border:1px solid #c3c3c3;
  1012.  width:156px;
  1013.  height:156px;
  1014. }
  1015. #screenshot img{
  1016.  width:156px;
  1017.  height:156px;
  1018.  display:block;
  1019. }
  1020. .box-category > ul > li a.active,
  1021. .box-category > ul > li a:hover{
  1022. background:#000; border:1px solid #000; color:#fff;
  1023. }
  1024. .box-category > ul > ul li a:hover{ color:#cc5c51;}
  1025. .box-category > ul > ul li a{ font-size:10px; text-transform:uppercase;font-family: 'Open Sans', sans-serif; font-weight:600px; color:#000; text-decoration:none;background:url(../image/marker-sub.gif) 0 5px no-repeat; padding-left:15px;}
  1026. .box-category > ul > ul li a.active{color:#cc5c51;}
  1027. .box-category > ul > li a.active span,
  1028. .box-category > ul > li a:hover span{ color:#fff;
  1029. }
  1030. .box-category > ul > li a.active + ul {
  1031.     display: block;
  1032. }
  1033. .box-category > ul > li ul > li {
  1034.     padding: 5px 5px 0px 10px;
  1035. }
  1036. .box-category > ul > li ul > li > a:hover{ color:#c11808;}
  1037. .box-category > ul > li ul > li > a {
  1038.     text-decoration: none;
  1039.     display: block;
  1040. }
  1041. .box-category > ul > li ul > li > a.active {
  1042.     font-weight: bold;
  1043. }
  1044. ul{ list-style:bullet; margin:0; padding-left:50;}
  1045. /* ul{ list-style:none; margin:0; padding:0;} */
  1046. /* content */
  1047. #content .content {
  1048.     padding:0px;
  1049.     overflow: auto;
  1050.     margin-bottom: 20px;
  1051. }
  1052. #content .content .left {
  1053.     float: left;
  1054.     width: 49%;
  1055. }
  1056. #content .content .right {
  1057.     float: right;
  1058.     width: 49%;
  1059. }
  1060. /* category */
  1061. .category-info {
  1062.     overflow: auto;
  1063.     margin-bottom: 20px;
  1064. }
  1065. .category-info .image {
  1066.     float: left;
  1067.     padding: 5px;
  1068.     margin-right: 15px;
  1069. }
  1070. .category-list {
  1071.     overflow: auto;
  1072.     margin-bottom: 20px;
  1073. }
  1074. .category-list ul li{background:url(../image/arrow.gif) 0px 5px no-repeat; padding-left:10px; margin-bottom:4px;}
  1075. .category-list ul li a{ text-decoration:none;}
  1076. .category-list ul li a:hover{ color:#000;}
  1077. .category-list ul {
  1078.     float: left;
  1079.     width:25%;
  1080.     list-style:none; padding:0;
  1081. }
  1082. .capcha{ width:143px;}
  1083. .sitemap-info ul li{background:url(../image/arrow.gif) 0px 5px no-repeat; padding-left:10px; }
  1084. .sitemap-info ul li a{ text-decoration:none;}
  1085. .sitemap-info ul li a:hover{ color:#000;}
  1086. .sitemap-info ul {
  1087. }
  1088. .category-list .div a {
  1089.     text-decoration: underline;
  1090.     font-weight: bold;
  1091. }
  1092. /* manufacturer */
  1093. .manufacturer-list a{ text-decoration:none;}
  1094. .manufacturer-list a:hover{ color:#960f02;}
  1095. .manufacturer-list {
  1096.     border: 1px solid #DBDEE1;
  1097.     padding: 5px;
  1098.     overflow: auto;
  1099.     margin-bottom: 20px;
  1100. }
  1101. .manufacturer-heading {
  1102.     background: #F8F8F8;
  1103.     font-size: 15px;
  1104.     font-weight: bold;
  1105.     padding: 5px 8px;
  1106.     margin-bottom: 6px;
  1107. }
  1108. .manufacturer-content {
  1109.     padding: 8px;
  1110. }
  1111. .manufacturer-list ul {
  1112.     float: left;
  1113.     width: 25%;
  1114.     margin: 0;
  1115.     padding: 0;
  1116.     list-style: none;
  1117.     margin-bottom: 10px;
  1118. }
  1119. /* product */
  1120. .product-filter {
  1121.     border-bottom: 1px solid #EEEEEE;
  1122.     padding-bottom:12px;
  1123.     overflow: auto;
  1124. }
  1125. .product-filter .display {
  1126.     margin-right: 15px;
  1127.     float: left;
  1128.     padding-top: 4px;
  1129.     color: #333;
  1130. }
  1131. .display ul li.list a {
  1132.     background-position: -27px 0;
  1133. }
  1134. .display ul li a {
  1135.     background: url(../image/grid.jpg) no-repeat  left top transparent;
  1136.     cursor: pointer;
  1137.     display: block;
  1138.     float: left;
  1139.     height: 26px;
  1140.     line-height: 28px;
  1141.     margin-right: 2px;
  1142.     overflow: hidden;
  1143.     text-indent: -9999px;
  1144.     width: 27px;
  1145. }
  1146. .product-filter .display a {
  1147.     font-weight: bold;
  1148. }
  1149. .product-filter .sort {
  1150.     float: right;
  1151.     color: #333;
  1152. }
  1153. .product-filter .limit {
  1154.     margin-left: 15px;
  1155.     float: right;
  1156.     color: #333;
  1157. }
  1158. .product-compare {
  1159.     padding-top:12px;
  1160.     margin-bottom: 25px;
  1161.     font-weight: bold;
  1162. }
  1163. .product-compare a {
  1164.     text-decoration: none;
  1165.     font-weight: bold;
  1166. }
  1167. .product-list > div {
  1168.     overflow: auto;
  1169.     margin-bottom: 15px;    -webkit-transition: all 0.3s ease-in-out;
  1170.     -moz-transition: all 0.3s ease-in-out;
  1171.     -o-transition: all 0.3s ease-in-out;
  1172.     -ms-transition: all 0.3s ease-in-out;
  1173.     transition: all 0.3s ease-in-out; background:#fff!important;
  1174. }
  1175. .product-list > div:hover{-moz-transform:scale(1.05);/*When hover on images image size will increased*/
  1176.     -moz-box-shadow:0px 0px 25px #ccc;
  1177. -webkit-transform:scale(1.05);/*When hover on images image size will increased*/
  1178.     -webkit-box-shadow:0px 0px 25px #ccc;
  1179.     -webkit-transform:scale(1.05);/*When hover on images image size will increased*/
  1180.     -webkit-box-shadow:0px 0px 25px #ccc;}
  1181. .product-list .right {
  1182.     float: right;
  1183.     text-align:left; height:177px; width:120px;
  1184.     margin-left:20px; margin-right:20px; padding-left:20px; border-left:1px solid #eee
  1185. }
  1186. .product-list > div + div {
  1187.     border-top: 1px solid #eee;
  1188.     padding-top:20px;
  1189. }
  1190. .product-list .image {
  1191.     float: left;
  1192.     margin-right:20px;
  1193. }
  1194. .product-list .image img {
  1195.     padding: 3px;
  1196. }
  1197. .product-list .name {
  1198.     margin-bottom:10px;
  1199. }
  1200.  
  1201.  
  1202. #list_b {
  1203.     background: url("../image/list_b.png") no-repeat scroll 0 0 transparent;
  1204.     display: inline-block;
  1205.     height: 12px;
  1206.     margin-left: 10px;
  1207.     margin-right: 10px;
  1208.     width: 19px;
  1209. }
  1210. #grid_a {
  1211.     background: url("../image/grid_a.png") no-repeat scroll 0 0 transparent;
  1212.     display: inline-block;
  1213.     height: 12px;
  1214.     text-indent: -9999px;
  1215.     width: 19px;
  1216. }
  1217. .product-filter .display b{ margin-top:-2px; float:left;}
  1218. #list_a {
  1219.     background: url("../image/list_a.png") no-repeat scroll 0 0 transparent;
  1220.     display: inline-block;
  1221.     height: 12px;
  1222.     margin-left: 10px;
  1223.     margin-right: 10px;
  1224.     text-indent: -9999px;
  1225.     width: 19px;
  1226. }
  1227. #grid_b {
  1228.     background: url("../image/grid_b.png") no-repeat scroll 0 0 transparent;
  1229.     display: inline-block;
  1230.     height: 12px;
  1231.     width: 19px;
  1232. }
  1233.  
  1234. .product-list .name a:hover{ color:#7f7f7f;}
  1235. .product-list .name a {
  1236.     color: #000;
  1237.     font-weight:normal;
  1238.     text-decoration: none; font-weight:bold;
  1239. }
  1240. .product-list .description {
  1241.     line-height: 15px;
  1242.     margin-bottom: 5px;
  1243.     color: #4D4D4D;
  1244. }
  1245. .product-list .rating {
  1246.     color: #7B7B7B;
  1247. }
  1248. .product-list .price {
  1249.     float:left; margin-bottom:12px;
  1250.     color: #c51908;font-weight:600;
  1251.     font-size: 17px;    font-family: 'Open Sans', sans-serif;
  1252.  
  1253. }
  1254. .product-list .price-old {
  1255.     color: #F00;
  1256.     text-decoration: line-through;
  1257. }
  1258. .product-list .price-new {
  1259.     font-weight: bold;
  1260. }
  1261. .product-list .price-tax {
  1262.     font-size: 12px;
  1263.     font-weight: normal; padding-top:5px; display:block;
  1264.     color: #BBBBBB;
  1265. }
  1266. .product-list .cart {
  1267.     margin-bottom:10px;
  1268. }
  1269. .product-list .wishlist, .product-list .compare {
  1270.     margin-bottom: 3px; position:relative; margin-left:-5px;
  1271. }
  1272. .product-list .wishlist a {
  1273.  
  1274. }
  1275. .product-list .compare a {
  1276. }
  1277. .product-grid{
  1278.     border: 1px solid #eee;
  1279.     padding:11px 10px 0 11px; margin-bottom:20px;
  1280. }
  1281. .product-list {
  1282.     border: 1px solid #eee;
  1283.     padding:10px 20px 20px 20px; margin-bottom:20px;
  1284. }
  1285. .product-list > div:first-child{ padding-top:20px}
  1286.  
  1287. .product-grid > div {
  1288.     -webkit-transition: all 0.3s ease-in-out;
  1289.     -moz-transition: all 0.3s ease-in-out;
  1290.     -o-transition: all 0.3s ease-in-out;
  1291.     -ms-transition: all 0.3s ease-in-out;
  1292.     transition: all 0.3s ease-in-out;
  1293.     display: inline-block;
  1294.     margin: 0 2px 11px;
  1295.     padding: 3px;
  1296.     vertical-align: top;
  1297.        background-color: #FFFFFF!important;
  1298.     border: 1px solid #EEEEEE;
  1299.     width:192px;
  1300.     padding: 10px;
  1301. }
  1302.  
  1303. .product-grid > div:hover{-moz-transform:scale(1.05);/*When hover on images image size will increased*/
  1304.     -moz-box-shadow:0px 0px 25px #ccc;
  1305. -webkit-transform:scale(1.05);/*When hover on images image size will increased*/
  1306.     -webkit-box-shadow:0px 0px 25px #ccc;
  1307.     -webkit-transform:scale(1.05);/*When hover on images image size will increased*/
  1308.     -webkit-box-shadow:0px 0px 25px #ccc;}
  1309. .extra-prod input{ padding-bottom:4px;}
  1310. .extra-prod{ padding-top:6px;}
  1311. .or{ padding-top:3px;}
  1312. #tab-related .box-product > div{ width:100px; float:left; margin-right:20px;}
  1313. .wishlist  a:hover{   background: url(../image/iconimage.png) no-repeat  0px -24px;}
  1314. .addtowishlist, div.wishlist > a {
  1315.     float: left;
  1316.     background: url(../image/iconimage.png) no-repeat  0px 0px ;
  1317.     height: 24px;
  1318.     margin: 0 5px;
  1319.     overflow: hidden;
  1320.     text-indent: -9999px;
  1321.     width:25px;
  1322. }
  1323. .compare  a:hover{ background: url(../image/iconimage.png) no-repeat  -29px -24px ;}
  1324. .addtocompare, div.compare > a {
  1325.     background: url(../image/iconimage.png) no-repeat  -29px 0px ;
  1326.     float: left;
  1327.     height:24px;
  1328.     overflow: hidden;
  1329.     text-indent: -9999px;
  1330.     width:25px;
  1331. }
  1332. #column-left + #column-right + #content .product-grid > div {
  1333.     width: 125px;
  1334. }
  1335. .product-grid .image {
  1336.     display: block;
  1337.     margin-bottom: 0px;
  1338. }
  1339. .product-grid div:hover .image img{ }
  1340. .product-grid .image img {
  1341.     padding: 3px;
  1342.  
  1343. }
  1344. .product-grid .name{ padding-top:5px; padding-bottom:5px;}
  1345. .product-grid .name a:hover{ color:#999}
  1346. .product-grid .name a {
  1347.     color: #272727;
  1348.     font-weight:bold;
  1349.     text-decoration: none;
  1350.     display: block;
  1351.     margin-bottom: 4px; font-size:12px;
  1352. }
  1353. .product-grid .description {
  1354.     display: none;
  1355. }
  1356. .product-grid .rating {
  1357.     display: block;
  1358.     margin-bottom: 4px;
  1359. }
  1360. .product-grid .price {
  1361.     display: block;
  1362.     color: #000; font-size:14px; font-weight:600;
  1363.     font-size: 14px;    font-family: 'Open Sans', sans-serif;
  1364.     margin-bottom: 4px;
  1365. }
  1366. .product-grid .price-old {
  1367.     color: #F00;font-weight:600; font-size:14px;
  1368.     text-decoration: line-through;font-family: 'Open Sans', sans-serif;
  1369. }
  1370. .product-grid .price-new {
  1371.     font-weight:600; font-size:14px;font-family: 'Open Sans', sans-serif;
  1372. }
  1373. .product-grid .price .price-tax {
  1374.     display: none;
  1375. }
  1376. .product-grid .cart {
  1377.     margin-bottom: 3px; float:left; margin-top:9px;
  1378. }
  1379. .product-grid .wishlist, .product-grid .compare {
  1380.     margin-bottom: 3px; margin-top:7px; float:left;
  1381. }
  1382. .product-grid .wishlist a {
  1383. }
  1384. .product-grid .compare a {
  1385. }
  1386. /* Product */
  1387. .product-info {
  1388.     overflow: auto;
  1389.     margin-bottom: 20px;
  1390. }
  1391. .product-info > .left {
  1392.     float: left;
  1393.     margin-right: 15px;
  1394. }
  1395. .product-info > .left + .right {
  1396.     margin-left: 270px;
  1397. }
  1398. .product-info .image {
  1399.     border: 1px solid #E7E7E7;
  1400.     float: left; width:248px; height:249px;
  1401.     margin-bottom:12px;
  1402.     text-align: center;
  1403. }
  1404. .product-info .image-additional {
  1405.     width: 260px;
  1406.     margin-left: -10px;
  1407.     clear: both;
  1408.     overflow: hidden;
  1409. }
  1410. .product-info .image-additional img {
  1411.     border: 1px solid #E7E7E7;
  1412. }
  1413. .product-info .image-additional a {
  1414.     float: left;
  1415.     display: block;
  1416.     margin-left: 10px;
  1417.     margin-bottom: 10px;
  1418. }
  1419. .product-info .description {
  1420.     border-top: 1px solid #E7E7E7;
  1421.     border-bottom: 1px solid #E7E7E7;
  1422.     padding: 5px 5px 10px 5px;
  1423.     margin-bottom: 10px;
  1424.     line-height: 20px;
  1425.     color: #4D4D4D;
  1426. }
  1427. .product-info .description span {
  1428.     color: #8d0d01;
  1429. }
  1430. .product-info .description a {
  1431.     color: #4D4D4D;
  1432.     text-decoration: none;
  1433. }
  1434. .product-info .price {
  1435.     overflow: auto;
  1436.     border-bottom: 1px solid #E7E7E7;
  1437.     padding: 0px 5px 10px 5px;
  1438.     margin-bottom: 10px;
  1439.     font-size: 14px;
  1440.     font-weight:600;
  1441.     color: #333333;font-family: 'Open Sans', sans-serif;
  1442. }
  1443. .product-info .price-old {
  1444.     color: #8d0d01;
  1445.     text-decoration: line-through;
  1446. }
  1447. .product-info .price-new {
  1448.    
  1449. }
  1450. .product-info .price-tax {
  1451.     font-size: 12px;
  1452.     font-weight: normal;
  1453.     color: #999;
  1454. }
  1455. .product-info .price .reward {
  1456.     font-size: 12px;
  1457.     font-weight: normal;
  1458.     color: #999;
  1459. }
  1460. .product-info .price .discount {
  1461.     font-weight: normal;
  1462.     font-size: 12px;
  1463.     color: #4D4D4D;
  1464. }
  1465. .product-info .options {
  1466.     border-bottom: 1px solid #E7E7E7;
  1467.     padding: 0px 5px 10px 5px;
  1468.     margin-bottom: 10px;
  1469.     color: #000000;
  1470. }
  1471. .product-info .option-image {
  1472.     margin-top: 3px;
  1473.     margin-bottom: 10px;
  1474. }
  1475. .product-info .option-image label {
  1476.     display: block;
  1477.     width: 100%;
  1478.     height: 100%;
  1479. }
  1480. .product-info .option-image img {
  1481.     margin-right: 5px;
  1482.     border: 1px solid #CCCCCC;
  1483.     cursor: pointer;
  1484. }
  1485. .product-info .cart {
  1486.     border-bottom: 1px solid #E7E7E7;
  1487.     padding: 10px 5px 10px 5px;
  1488.     margin-bottom: 20px;
  1489.     color: #4D4D4D;
  1490.     overflow: auto;
  1491. }
  1492. .product-info .cart div {
  1493.     float: left;
  1494.     vertical-align: middle;
  1495. }
  1496. .product-info .cart div > span {
  1497.     padding-top: 7px;
  1498.     color: #999;
  1499. }
  1500. .cart-top{ margin-top:-4px;}
  1501. .extra-button{ position:relative; margin-top:-4px; margin-bottom:18px;}
  1502. .product-info .cart .minimum {
  1503.     padding-bottom:10px;
  1504.     font-size: 11px;
  1505.     color: #999;
  1506.     clear: both;
  1507. }
  1508. .product-info .review  .a1{ margin-top:-5px; display:inline-block }
  1509. .product-info .review  img{ float:left; margin-top:3px;}
  1510. .product-info .review {
  1511.     color: #4D4D4D;
  1512.     border-top: 1px solid #E7E7E7;
  1513.     border-left: 1px solid #E7E7E7;
  1514.     border-right: 1px solid #E7E7E7;
  1515.     margin-bottom: 10px;
  1516. }
  1517. .product-info .review > div {
  1518.     padding: 8px;
  1519.     border-bottom: 1px solid #E7E7E7;
  1520.     line-height: 20px; width:387px;
  1521. }
  1522. .product-info .review > div > span {
  1523.     color: #38B0E3;
  1524. }
  1525. .product-info .review .share {
  1526.     overflow: auto;
  1527.     line-height: normal;
  1528. }
  1529. .product-info .review .share a {
  1530.     text-decoration: none;
  1531. }
  1532. .attribute {
  1533.     border-collapse: collapse;
  1534.     width: 100%;
  1535.     border-top: 1px solid #DDDDDD;
  1536.     border-left: 1px solid #DDDDDD;
  1537.     margin-bottom: 20px;
  1538. }
  1539. .attribute thead td, .attribute thead tr td:first-child {
  1540.     color: #000000;
  1541.     font-size: 14px;
  1542.     font-weight: bold;
  1543.     background: #F7F7F7;
  1544.     text-align: left;
  1545. }
  1546. .attribute tr td:first-child {
  1547.     color: #000000;
  1548.     font-weight: bold;
  1549.     text-align: right;
  1550.     width: 20%;
  1551. }
  1552. .attribute td {
  1553.     padding: 7px;
  1554.     color: #4D4D4D;
  1555.     text-align: center;
  1556.     vertical-align: top;
  1557.     border-right: 1px solid #DDDDDD;
  1558.     border-bottom: 1px solid #DDDDDD;
  1559. }
  1560. .compare-info {
  1561.     border-collapse: collapse;
  1562.     width: 100%;
  1563.     border-top: 1px solid #DDDDDD;
  1564.     border-left: 1px solid #DDDDDD;
  1565.     margin-bottom: 20px;
  1566. }
  1567. .compare-info thead td, .compare-info thead tr td:first-child {
  1568.     color: #000000;
  1569.     font-size: 14px;
  1570.     font-weight: bold;
  1571.     background: #F7F7F7;
  1572.     text-align: left;
  1573. }
  1574. .compare-info tr td:first-child {
  1575.     color: #000000;
  1576.     font-weight: bold;
  1577.     text-align: right;
  1578. }
  1579. .compare-info td {
  1580.     padding: 7px;
  1581.     width: 20%;
  1582.     color: #4D4D4D;
  1583.     text-align: center;
  1584.     vertical-align: top;
  1585.     border-right: 1px solid #DDDDDD;
  1586.     border-bottom: 1px solid #DDDDDD;
  1587. }
  1588. .compare-info .name a {
  1589.     font-weight: bold;
  1590. }
  1591. .compare-info .price-old {
  1592.     font-weight: bold;
  1593.     color: #F00;
  1594.     text-decoration: line-through;
  1595. }
  1596. .compare-info .price-new {
  1597.     font-weight: bold;
  1598. }
  1599. /* wishlist */
  1600. .wishlist-product table {
  1601.     width: 100%;
  1602.     border-collapse: collapse;
  1603.     border-top: 1px solid #DDDDDD;
  1604.     border-left: 1px solid #DDDDDD;
  1605.     border-right: 1px solid #DDDDDD;
  1606.     margin-bottom: 20px;
  1607. }
  1608. .wishlist-product td {
  1609.     padding: 7px;
  1610. }
  1611. .wishlist-product thead td {
  1612.     color: #4D4D4D;
  1613.     font-weight: bold;
  1614.     background-color: #F7F7F7;
  1615.     border-bottom: 1px solid #DDDDDD;
  1616. }
  1617. .wishlist-product thead .remove, .wishlist-product thead .image, .wishlist-product thead .cart {
  1618.     text-align: center;
  1619. }
  1620. .wishlist-product thead .name, .wishlist-product thead .model, .wishlist-product thead .stock {
  1621.     text-align: left;
  1622. }
  1623. .wishlist-product thead .quantity, .wishlist-product thead .price, .wishlist-product thead .total {
  1624.     text-align: right;
  1625. }
  1626. .wishlist-product tbody td {
  1627.     vertical-align: top;
  1628.     border-bottom: 1px solid #DDDDDD;
  1629. }
  1630. .wishlist-product tbody .remove {
  1631.     vertical-align: middle;
  1632. }
  1633. .wishlist-product tbody .remove, .wishlist-product tbody .image, .wishlist-product tbody .cart {
  1634.     text-align: center;
  1635. }
  1636. .wishlist-product tbody .name, .wishlist-product tbody .model, .wishlist-product tbody .stock {
  1637.     text-align: left;
  1638. }
  1639. .wishlist-product tbody .quantity, .wishlist-product tbody .price, .wishlist-product tbody .total {
  1640.     text-align: right;
  1641. }
  1642. .wishlist-product tbody .price s {
  1643.     color: #F00;
  1644. }
  1645. .content b{ padding-bottom:5px; display:inline-block}
  1646. .login-content .content{ border:none!important; padding:0!important;}
  1647. .login-content {
  1648.     margin-bottom: 20px;
  1649.     overflow: auto;
  1650. }
  1651. .login-content .left {
  1652.     float: left;
  1653.     width: 48%;
  1654. }
  1655. .login-content .right {
  1656.     float: right;
  1657.     width: 48%
  1658. }
  1659. .padd-form{ display:block; padding-bottom:5px;}
  1660. #login .q1{ width:300px;}
  1661. .login-content .left .content, .login-content .right .content {
  1662.     min-height: 190px;
  1663. }
  1664. #register select{ width:308px;}
  1665. #register .q1{ width:300px;}
  1666. #register .content{ border:none!important; padding:0!important; }
  1667. /* orders */
  1668. .order-list {
  1669.     margin-bottom: 10px;
  1670. }
  1671. .order-list .order-id {
  1672.     width: 49%;
  1673.     float: left;
  1674.     margin-bottom:15px;
  1675. }
  1676. .order-list .order-status {
  1677.     width: 49%;
  1678.     float: right;
  1679.     text-align: right;
  1680.     margin-bottom: 2px;
  1681. }
  1682. .order-list .order-content {
  1683.     padding:20px 0px;
  1684.     display: inline-block;
  1685.     width: 100%;
  1686.     margin-bottom: 20px;
  1687.     border-top: 1px solid #EEEEEE;
  1688.     border-bottom: 1px solid #EEEEEE;
  1689. }
  1690. .order-list .order-content div {
  1691.     float: left;
  1692.     width: 33.3%;
  1693. }
  1694. .order-list .order-info {
  1695.     text-align: right;
  1696. }
  1697. .order-detail {
  1698.     background: #EFEFEF;
  1699.     font-weight: bold;
  1700. }
  1701. /* returns */
  1702. .return-list {
  1703.     margin-bottom: 10px;
  1704. }
  1705. .return-list .return-id {
  1706.     width: 49%;
  1707.     float: left;
  1708.     margin-bottom: 2px;
  1709. }
  1710. .return-list .return-status {
  1711.     width: 49%;
  1712.     float: right;
  1713.     text-align: right;
  1714.     margin-bottom: 2px;
  1715. }
  1716. .return-list .return-content {
  1717.     padding: 10px 0px;
  1718.     display: inline-block;
  1719.     width: 100%;
  1720.     margin-bottom: 20px;
  1721.     border-top: 1px solid #EEEEEE;
  1722.     border-bottom: 1px solid #EEEEEE;
  1723. }
  1724. .return-list .return-content div {
  1725.     float: left;
  1726.     width: 33.3%;
  1727. }
  1728. .return-list .return-info {
  1729.     text-align: right;
  1730. }
  1731. .return-product {
  1732.     overflow: auto;
  1733.     margin-bottom: 20px;
  1734. }
  1735. .return-name {
  1736.     float: left;
  1737.     width: 33.3%;
  1738. }
  1739. .return-model {
  1740.     float: left;
  1741.     width: 33.3%;
  1742. }
  1743. .return-quantity {
  1744.     float: left;
  1745.     width: 33.3%;
  1746. }
  1747. .return-detail {
  1748.     overflow: auto;
  1749.     margin-bottom: 20px;
  1750. }
  1751. .return-reason {
  1752.     float: left;
  1753.     width: 33.3%;
  1754. }
  1755. .return-opened {
  1756.     float: left;
  1757.     width: 33.3%;
  1758. }
  1759. .return-opened textarea {
  1760.     width: 98%;
  1761.     vertical-align: top;
  1762. }
  1763. .return-remove {
  1764.     float: left;
  1765.     width: 33.3%;
  1766.     padding-top: 90px;
  1767.     text-align: center;
  1768.     vertical-align: middle;
  1769. }
  1770. .return-additional {
  1771.     overflow: auto;
  1772.     margin-bottom: 20px;
  1773. }
  1774. .return-comment {
  1775.     float: left;
  1776.     width: 49%;
  1777. }
  1778. .return-captcha {
  1779.     float: right;
  1780.     width: 49%;
  1781. }
  1782. .download-list {
  1783.     margin-bottom: 10px;
  1784. }
  1785. .download-list .download-id {
  1786.     width: 49%;
  1787.     float: left;
  1788.     margin-bottom: 2px;
  1789. }
  1790. .download-list .download-status {
  1791.     width: 49%;
  1792.     float: right;
  1793.     text-align: right;
  1794.     margin-bottom: 2px;
  1795. }
  1796. .download-list .download-content {
  1797.     padding: 10px 0px;
  1798.     display: inline-block;
  1799.     width: 100%;
  1800.     margin-bottom: 20px;
  1801.     border-top: 1px solid #EEEEEE;
  1802.     border-bottom: 1px solid #EEEEEE;
  1803. }
  1804. .download-list .download-content div {
  1805.     float: left;
  1806.     width: 33.3%;
  1807. }
  1808. .download-list .download-info {
  1809.     text-align: right;
  1810. }
  1811. /* cart */
  1812. .cart-info table {
  1813.     width: 100%;
  1814.     margin-bottom: 20px;
  1815.     border-collapse: collapse;
  1816.     border-top: 1px solid #DDDDDD;
  1817.     border-left: 1px solid #DDDDDD;
  1818.     border-right: 1px solid #DDDDDD;
  1819. }
  1820. .cart-info td {
  1821.     padding: 7px;
  1822. }
  1823. .cart-info thead td {
  1824.     color: #4D4D4D;
  1825.     font-weight: bold;
  1826.     background-color: #F7F7F7;
  1827.     border-bottom: 1px solid #DDDDDD;
  1828.         border-right: 1px solid #DDDDDD;
  1829. }
  1830. .cart-info thead .remove, .cart-info thead .image {
  1831.     text-align: center;
  1832. }
  1833. .cart-info thead .name, .cart-info thead .model {
  1834.     text-align:center;
  1835. }
  1836. .cart-info thead .quantity, .cart-info thead .price, .cart-info thead .total {
  1837.     text-align:center;
  1838. }
  1839. .cart-info tbody td {
  1840.     vertical-align: middle; text-align:center!important;
  1841.     border-bottom: 1px solid #DDDDDD;
  1842.     border-right: 1px solid #DDDDDD;
  1843. }
  1844. .cart-info tbody .remove {
  1845.     vertical-align: middle;
  1846. }
  1847. .cart-info tbody .remove, .cart-info tbody .image {
  1848.     text-align: center;
  1849. }
  1850. .cart-info tbody .name, .cart-info tbody .model {
  1851.     text-align: left;
  1852. }
  1853. .cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total {
  1854.     text-align: right;
  1855. }
  1856. #shipping select{ width:258px;}
  1857. #shipping input{ width:250px;}
  1858. #shipping{ margin-bottom:20px;}
  1859. .cart-info tbody span.stock {
  1860.     color: #F00;
  1861.     font-weight: bold;
  1862. }
  1863. .cart-module .cart-heading {
  1864.     border: 1px solid #DBDEE1;
  1865.     padding: 8px 8px 8px 22px;
  1866.     font-weight: bold;
  1867.     font-size: 13px;
  1868.     color: #555555;
  1869.     margin-bottom: 15px;
  1870.     cursor: pointer;
  1871.     background: #F8F8F8 url('../image/arrow-right.png') 10px 50% no-repeat;
  1872. }
  1873. .cart-module .active {
  1874.     background: #F8F8F8 url('../image/arrow-down.png') 7px 50% no-repeat;
  1875. }
  1876. .cart-module .cart-content {
  1877.     padding: 0px 0px 15px 0px;
  1878.     display: none;
  1879.     overflow: auto;
  1880. }
  1881. .cart-total {
  1882.     border-top: 1px solid #DDDDDD;
  1883.     overflow: auto;
  1884.     padding-top: 8px;
  1885.     margin-bottom: 15px;
  1886. }
  1887. .cart-total table {
  1888.     float: right;
  1889. }
  1890. .cart-total td {
  1891.     padding: 3px;
  1892.     text-align: right;
  1893. }
  1894. /* checkout */
  1895. .checkout-heading {
  1896.     background: #F8F8F8;
  1897.     border: 1px solid #DBDEE1;
  1898.     padding: 8px;
  1899.     font-weight: bold;
  1900.     font-size: 13px;
  1901.     color: #555555;
  1902.     margin-bottom: 15px;
  1903. }
  1904. .checkout-heading a {
  1905.     float: right;
  1906.     margin-top: 1px;
  1907.     font-weight: normal;
  1908.     text-decoration: none;
  1909. }
  1910. .checkout-content h2{ padding-bottom:12px;}
  1911. .checkout-content {
  1912.     padding: 0px 0px 15px 0px;
  1913.     display: none;
  1914.     overflow: auto;
  1915. }
  1916. .p1{ padding-bottom:12px;}
  1917. .extra-wrap{ width:100%; overflow:hidden;}
  1918. .checkout-content .left label { margin-right:12px; width:150px;}
  1919. .checkout-content .left  #register{ margin-top:7px; float:left; margin-right:5px;s}
  1920. .checkout-content .left  b{ margin-top:6px; float:left;}
  1921. .checkout-content .left  #guest{ margin-top:7px; float:left; margin-right:5px;}
  1922. .checkout-content .left {
  1923.     float: left;
  1924.     width: 48%;
  1925. }
  1926. .login-padd{ padding-top:12px;}
  1927. .checkout-content .right a{}
  1928. .checkout-content .right input.d1{ width:320px; margin-top:5px;}
  1929. .checkout-content .right {
  1930.     float: right;
  1931.     width: 48%;
  1932. }
  1933. .checkout-content .buttons {
  1934.     clear: both;
  1935. }
  1936. .checkout-product table {
  1937.     width: 100%;
  1938.     border-collapse: collapse;
  1939.     border-top: 1px solid #DDDDDD;
  1940.     border-left: 1px solid #DDDDDD;
  1941.     border-right: 1px solid #DDDDDD;
  1942.     margin-bottom: 20px;
  1943. }
  1944. .checkout-product td {
  1945.     padding: 7px;
  1946. }
  1947. .checkout-product thead td {
  1948.     color: #4D4D4D;
  1949.     font-weight: bold;
  1950.     background-color: #F7F7F7;
  1951.     border-bottom: 1px solid #DDDDDD;
  1952. }
  1953. .checkout-product thead .name, .checkout-product thead .model {
  1954.     text-align:center;
  1955. }
  1956. .checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
  1957.     text-align:center;
  1958. }
  1959. .checkout-product tbody td {
  1960.     vertical-align: top;
  1961.     border-bottom: 1px solid #DDDDDD;
  1962. }
  1963. .checkout-product tbody .name, .checkout-product tbody .model {
  1964.     text-align:center;
  1965. }
  1966. .checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
  1967.     text-align:center;
  1968. }
  1969. .checkout-product tfoot td {
  1970.     text-align: right;
  1971.     border-bottom: 1px solid #DDDDDD;
  1972. }
  1973. .contact-info {
  1974.     overflow: auto;
  1975. }
  1976. .contact-info .left {
  1977.     float: left;
  1978.     width: 48%;
  1979. }
  1980. .contact-info .right {
  1981.     float: left;
  1982.     width: 48%;
  1983. }
  1984. .sitemap-info ul{ margin-top:10px;}
  1985. .sitemap-info li { margin-bottom:10px;}
  1986. .sitemap-info li a{ text-decoration:none;}
  1987. .sitemap-info li a:hover{ color:#960f02;}
  1988. .sitemap-info {
  1989.     overflow: auto;
  1990.     margin-bottom: 40px;
  1991. }
  1992. #newsletter .content{ margin:0; padding:0; border:none;}
  1993. .sitemap-info .left {
  1994.     float: left;
  1995.     width: 48%;
  1996. }
  1997. #newsletter  .form tr td:first-child {
  1998.     width:58px;
  1999. }
  2000. .sitemap-info .right {
  2001.     float: left;
  2002.     width: 48%;
  2003. }
  2004. /* footer */
  2005. #footer {
  2006.     clear: both;
  2007.     overflow: auto;
  2008.     min-height: 100px;
  2009.     padding-top:14px;
  2010.     width:912px;
  2011.     margin:0 auto;
  2012.     padding-bottom:5px;
  2013. }
  2014. #footer h3 {
  2015.     color: #000000;
  2016.     font-size: 17px;
  2017.     margin-top: 0px;
  2018.     font-weight:600;font-family: 'Open Sans', sans-serif;
  2019.     margin-bottom:11px;
  2020. }
  2021. .footer-wrap-padd{ padding-bottom:37px;}
  2022. .box.home-block .name{ padding-bottom:10px;}
  2023. #footer .column {
  2024.     float: left;
  2025.     width:170px;
  2026.     min-height:137px;
  2027. }
  2028. #footer .column1 {
  2029.     float: left;
  2030.     width:188px;
  2031.     min-height:137px;
  2032. }
  2033. #footer .column2 {
  2034.     float: left;
  2035.     width:122px;
  2036.     min-height:137px;
  2037. }
  2038. #footer .column3 {
  2039.     float: left;
  2040.     width:140px;
  2041.     min-height:137px;
  2042. }
  2043. #footer .column ul,
  2044. #footer .column1 ul,
  2045. #footer .column2 ul,
  2046. #footer .column3 ul{
  2047.     margin-top: 0px;
  2048.     margin-left:0px;
  2049.     padding-left:0px;
  2050.     list-style:none;
  2051. }
  2052. #footer .column ul li,
  2053. #footer .column1 ul li,
  2054. #footer .column2 ul li,
  2055. #footer .column3 ul li{
  2056.     margin-bottom:5px;
  2057.     list-style:none;
  2058. }
  2059. #footer .column a,
  2060. #footer .column1 a,
  2061. #footer .column2 a,
  2062. #footer .column3 a{
  2063.     text-decoration: none;
  2064.     color: #6e6e6e;
  2065. }
  2066. #footer .column a:hover,
  2067. #footer .column1 a:hover,
  2068. #footer .column2 a:hover,
  2069. #footer .column3 a:hover{
  2070.     text-decoration:none;
  2071.     color:#c41908;
  2072.     font-weight:bold;
  2073. }
  2074. #powered a:hover{ text-decoration:underline;}
  2075. #powered a{ text-decoration:none; color:#000;}
  2076. #powered a:hover{ color:#000!important;}
  2077. #powered {
  2078.     margin-top:1px;
  2079.     text-align:left; color:#000; margin-right:8px;
  2080.     float:right; width:210px;background:url('../image/banner-footer.png') left 3px no-repeat; padding-top:95px;
  2081. }
  2082. #banner0{ margin-bottom:27px; margin-right:30px;}
  2083. #banner2{ margin-bottom:15px; margin-right:30px;}
  2084. .banner div a{ display:block;}
  2085. .box.home-block .box-heading{ padding-bottom:14px;}
  2086. .box-product .price{ float:left;}
  2087. .box-product .cart{ float:right; margin-top:5px;}
  2088. .box.home-block .box-product > li{ margin-bottom:0px;}
  2089. /* banner */
  2090. .welcome-box img { float:right; margin-top:-90px; margin-right:20px;}
  2091. /* AJAX Add to Cart Confirm by Harryo*/
  2092. .success, .warning, .attention, .information, .rev-success {
  2093.     padding: 10px 10px 10px 10px;
  2094.     margin-bottom: 5px;
  2095.     color: #555;
  2096. }
  2097. .success a, .warning a, .attention a, .information a {
  2098.     color: #333;
  2099. }
  2100. #cart-success{
  2101.     position: fixed;
  2102.     z-index:9998;
  2103. }
  2104. .success .close { position:absolute; right:6px; top:6px;}
  2105. .success {color:#000}
  2106. .success a:hover{ color:#8a7b6f; }
  2107. .success a{ text-decoration:none; color:#940f02}
  2108. .success {
  2109.     width:170px;/*width of your box*/
  2110.     height:170px;/*height of your box*/
  2111.     position:fixed;
  2112.     z-index:9999!important;
  2113.     left:50%;box-shadow:0.2em 0.2em 0.2em 3px rgba(122,122,122,0.5);
  2114.     top:50%; padding:18px 28px 18px 18px;
  2115.     margin-left:-118px;/*Half of your width*/
  2116.     margin-top:-70px;/*Half of your height*/
  2117.     z-index:9999; line-height:18px; -webkit-transition: all 0.3s ease-in-out;
  2118.     -moz-transition: all 0.3s ease-in-out;
  2119.     -o-transition: all 0.3s ease-in-out;
  2120.     -ms-transition: all 0.3s ease-in-out;
  2121.     transition: all 0.3s ease-in-out; border:none;
  2122.     background:#fff url('../image/ok.png') center 110px no-repeat;/*Background colour & green Tick image*/
  2123. -webkit-border-radius:15px 15px 15px 15px;-moz-border-radius:10px 10px 10px 10px;-khtml-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;/*border thickness & colour with rounded corners*/
  2124.     font-size:14px;/*Size of your text that shows in the box*/
  2125. }
  2126. #wrap{ z-index:10!important;}
  2127. .rev-success {
  2128.     background: #EAF7D9 url('../image/success.png') left no-repeat;
  2129.     border: 1px solid #BBDF8D;
  2130.     padding-left:20px;
  2131. }
  2132. .related-info:hover{}
  2133. .related-info .price{ float:none;}
  2134. .related-info  .cart{ float:left;}
  2135. .related-info{ -moz-transition: all 0.3s ease-in-out 0s;
  2136.     background-color: #FFFFFF !important;
  2137.     border: 1px solid #EEEEEE;
  2138.     display: inline-block;
  2139.     margin: 0 2px 11px;
  2140.     padding: 10px;
  2141.     vertical-align: top;
  2142.     width:202px;
  2143.     float:left}
  2144. .pp_gallery ul li.selected a{ border:1px solid #999!important;}
  2145. .pp_gallery ul a { border:1px solid #000!important; background:#fff;  margin-top:0px;}
  2146. .pp_description{ display:none!important;}
  2147. .pp_social { display:none;}
  2148. div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(../image/prettyPhoto/default/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(../image/prettyPhoto/default/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(../image/prettyPhoto/default/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(../image/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(../image/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_next:hover{background:url(../image/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(../image/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(../image/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}div.pp_default .pp_expand:hover{background:url(../image/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(../image/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}div.pp_default .pp_contract:hover{background:url(../image/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{background:url(../image/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}div.pp_default .pp_gallery ul li a{background:url(../image/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #fff}div.pp_default .pp_social{margin-top:7px}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../image/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../image/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(../image/prettyPhoto/default/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(../image/prettyPhoto/default/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(../image/prettyPhoto/default/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(../image/prettyPhoto/default/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(../image/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_right{background:url(../image/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_next:hover{background:url(../image/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(../image/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(../image/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(../image/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(../image/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(../image/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{background:url(../image/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.light_rounded .pp_nav .pp_play{background:url(../image/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(../image/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(../image/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_next{background:url(../image/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_bottom .pp_left{background:url(../image/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_right{background:url(../image/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_top .pp_left{background:url(../image/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_right{background:url(../image/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(../image/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(../image/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_next:hover{background:url(../image/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(../image/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(../image/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(../image/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(../image/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(../image/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{background:url(../image/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.dark_rounded .pp_description{color:#fff;margin-right:85px}div.dark_rounded .pp_nav .pp_play{background:url(../image/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(../image/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(../image/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_next{background:url(../image/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_bottom .pp_left{background:url(../image/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_right{background:url(../image/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(../image/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(../image/prettyPhoto/dark_square/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(../image/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(../image/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(../image/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(../image/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{background:url(../image/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(../image/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(../image/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(../image/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_next{background:url(../image/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_next:hover{background:url(../image/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(../image/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_expand{background:url(../image/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(../image/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(../image/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(../image/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{background:url(../image/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.light_square .pp_nav .pp_play{background:url(../image/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(../image/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(../image/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_next{background:url(../image/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_next:hover{background:url(../image/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(../image/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(../image/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(../image/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(../image/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content_container .pp_left{background:url(../image/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(../image/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}div.facebook .pp_expand{background:url(../image/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(../image/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(../image/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(../image/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{background:url(../image/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(../image/prettyPhoto/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(../image/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(../image/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(../image/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(../image/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(../image/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(../image/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(../image/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(../image/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(../image/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:63px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:50px;overflow:hidden}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(../image/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:50px;width:50px}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(../image/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(../image/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px}div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../image/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../image/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none}
Advertisement
Add Comment
Please, Sign In to add comment