Advertisement
Guest User

Untitled

a guest
May 6th, 2013
149
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.52 KB | None | 0 0
  1. html {
  2. overflow: -moz-scrollbars-vertical;
  3. margin: 0;
  4. padding: 0;
  5. }
  6. body {
  7. background: #fff /*url('../image/bkg_body.gif') top center repeat-x*/;
  8. color: #7f7f7f;
  9. font-family: Arial, Helvetica, sans-serif;
  10. margin: 0px;
  11. padding: 0px;
  12. }
  13. body, td, th, input, textarea, select, a {
  14. font-size: 12px;
  15. }
  16. h1, .welcome {
  17. margin-top: 0px;
  18. text-shadow: 0 0 1px rgba(0, 0, 0, .01);
  19. font:normal 20px 'PTSansBold'; margin-bottom:16px; color:#000
  20. }
  21. h2 {
  22. font:normal 11px 'PTSansBold';
  23. color: #000000;
  24. margin-top: 0px;
  25. margin-bottom: 5px;
  26. text-transform:uppercase;
  27. clear:left
  28.  
  29. }
  30. h4 { margin:0 0 6px 0}
  31. p {
  32. margin-top: 0px;
  33. margin-bottom: 20px;
  34. }
  35. a, a:visited, a b {
  36. color: #0b9ec9;
  37. text-decoration: none;
  38. cursor: pointer;
  39. }
  40. :focus {outline:none }
  41. a:hover , a:hover b{
  42. text-decoration: underline;
  43. }
  44. a img {
  45. border: none;
  46. }
  47. form {
  48. padding: 0;
  49. margin: 0;
  50. display: inline;
  51. }
  52. input[type='text'], input[type='password'], textarea {-webkit-appearance: none;
  53. border: 1px solid #CCCCCC;
  54. padding: 5px 4px 6px;
  55. margin-left: 0px;
  56. margin-right: 0px;
  57. -webkit-border-radius: 3px;
  58. -moz-border-radius: 3px;
  59. -khtml-border-radius:3px;
  60. border-radius: 3px;
  61. color: #7F7F7F;
  62. width:238px
  63. }
  64. select {
  65. background: #fff;
  66. border: 1px solid #ccc;
  67. padding: 2px;
  68. color: #7F7F7F;
  69. font-size: 12px;
  70. padding: 5px 4px 4px;
  71. -webkit-border-radius: 3px;
  72. -moz-border-radius: 3px;
  73. -khtml-border-radius: 3px;
  74. border-radius: 3px;
  75. width:248px
  76.  
  77. }
  78. label {
  79. cursor: pointer;
  80. }
  81. ul , li { list-style:none; padding:0; margin:0}
  82. /* layout */
  83. #container {
  84. /*width: 960px;*/
  85. margin-left: auto;
  86. margin-right: auto;
  87. text-align: left;
  88. }
  89. #column-left {float: left;width: 225px; margin-right:40px}
  90. #column-right {float: right; width:225px;}
  91. #content {
  92. min-height: 400px;
  93. margin-bottom: 25px;
  94. }
  95. #column-left + #column-right + #content, #column-left + #content, #column-right + #content { position:relative; /*top:27px;*/top:1px; padding-bottom:27px;/*margin-left: 265px; display:block; overflow:hidden-*/ width:817px; float:left}
  96.  
  97. /* header */
  98. #header { font-size:11px; background:#000;
  99. position: relative;
  100. z-index: 99;
  101. color:#a2a3a3;
  102. height:159px
  103. }
  104.  
  105. .boss-header-left { float:left; width:/*380px*/35.5%; padding-top:15px;}
  106. .boss-header-left div { display:block}
  107. .boss-header-left div.frame_big { display:none;color:#5d5d5d; transition: all 0.2s linear 0s; position:absolute; border:1px solid #dbdbdb; background:#fff; padding:17px 13px; width:261px; top:17px; left:0; z-index:5}
  108. .boss-header-left li:hover div.frame_big{ display:block; }
  109. .login-frame input { width:96%; margin-bottom:7px}
  110. .login-frame p { margin-bottom:8px}
  111. #header .links .login-frame a, #header .links .login-frame a.forgotpass{color:#7f7f7f; float:none;display:inline-block; padding:0}
  112. #header .links .login-frame a:hover { text-decoration:underline}
  113. .login-frame ul { margin:8px 0 18px}
  114. .login-frame li { display:block; overflow:hidden; padding-bottom:2px;color:#7f7f7f;}
  115. #header .links .login-frame li a { color:#ff0000}
  116.  
  117. .boss-header-middle{ float:left; width:/*442px*/40%;padding-top:16px;}
  118. .static-block-1 h4{ font:11px "PTSansBold"; text-transform:uppercase; color:#fdc919; margin:0 0 1px 0}
  119. .static-block-1 p{ font-size:11px}
  120. .boss-header-right{ float:right; width:/*260px*/24%;padding-top:16px; }
  121. #header #logo { position: absolute; top:74px; left:0}
  122.  
  123. #header #static-header-bottom { float:right;clear:both; width:100%; padding-top:30px;}
  124. .static-block-2 { float:right}
  125. .static-block-2 img { float:left; margin-right:8px; cursor:pointer}
  126. .static-block-2 .text { color:#fff; margin-top:5px; float:left}
  127. .static-block-2 .text h4 {margin-bottom:0; font:10px "PTSansBold"; color:#8f8f8f }
  128.  
  129. .static-brand li { float:left;}
  130. .static-brand { position:absolute; right:0; top: 159px; z-index:10}
  131. .boss-header-right-1{ position:relative; z-index:99}
  132. #header #cart { padding-bottom:15px; float:right; margin-right:10px;z-index: 12;}
  133. .botton-checkout { float:right; margin-top:-5px}
  134. .botton-checkout a { background:url('../image/btn_32.png') left top no-repeat; padding-left:13px; display:inline-block; height:32px; text-decoration:none}
  135. .botton-checkout a span { background:url('../image/btn_32.png') right -32px no-repeat; padding:0 23px 0 10px; display:inline-block; height:32px; color:#fff; font:14px "PTSansBold"; text-shadow:0 1px 1px #a51701;line-height:31px;}
  136. #header #cart .heading a { padding-bottom:20px}
  137.  
  138. #header #cart .heading { position: relative;
  139. z-index: 100;}
  140. #header #cart .heading h4 { font:11px "PTSansBold"; text-transform:uppercase; color:#fdc919; margin:0 0 1px 0}
  141. #header #cart .heading a { font:bold 11px arial;color: #17bee4;}
  142. #header #cart .heading a span {}
  143. #header #cart .content {
  144. clear: both;
  145. display: none;
  146. position: absolute;
  147. top: 36px;top:35px\0;
  148.  
  149. padding: 12px 12px 32px 19px;
  150. min-height: 40px;
  151. border:1px solid #dbdbdb;
  152. background: #FFF;
  153. width:247px;
  154. z-index:99;
  155. right: 0;
  156.  
  157. }
  158. #header #cart.active .heading a { background: url('../image/icon_hover.gif') center 16px no-repeat; position:relative; z-index:6}
  159. #header #cart.active .heading {
  160.  
  161. }
  162. #header #cart.active .content {
  163. display: block;
  164. }
  165. .mini-cart-info table {
  166. border-collapse: collapse;
  167. width: 100%;
  168. margin-bottom: 8px;
  169. }
  170. .mini-cart-info tr{ }
  171. .mini-cart-info td {
  172. text-align:center;
  173. color: #000;
  174. vertical-align: top;
  175. padding: 10px 30px 18px;border-bottom:1px solid #d2d2d2
  176. }
  177. table .thumb_image {
  178. width: 105px;
  179. position:relative;
  180. display:inline-block;
  181. margin-top:20px
  182. }
  183. .mini-cart-info .image img {}
  184. .mini-cart-info .name { text-align:left;color: #242424;font:bold 12px Arial; }
  185. .mini-cart-info .name a {
  186. color: #242424;font:bold 12px Arial;text-align:left;display:inline-block; padding-bottom:3px
  187. }
  188. .mini-cart-info .quantity { text-align:left;}
  189. .mini-cart-info .total {
  190. color:#ff0000; font-weight:bold;text-align:left;display:block; padding-top:3px
  191. }
  192. .boss_use_voucher .name { position:relative; padding-top:32px}
  193. .boss_use_voucher .remove { right:36px; top:10px}
  194. table .remove {
  195. position:absolute;
  196. top:-10px; right:-5px
  197. }
  198. .mini-cart-info .remove img {
  199. cursor: pointer;
  200. }
  201. .mini-cart-total {
  202. text-align: right;
  203. }
  204. .mini-cart-total table {
  205. border-collapse: collapse;
  206. display: inline-block;
  207. margin-bottom: 8px;
  208. width:100%
  209. }
  210. .mini-cart-total td { color: #141414;padding: 3px 0;text-align:left}
  211. .mini-cart-total td.left { font:11px 'PTSansBold' ; text-transform:uppercase;width:160px }
  212. .mini-cart-total td.right { font:bold 14px Arial; color:#ff0000}
  213. #header #cart .checkout {
  214. text-align: right;
  215. clear: both;
  216. }
  217. #header #cart .checkout .boss_button.button_cart { margin-left:10px; float:right}
  218. #header #cart .empty {
  219. padding-top: 24px;
  220. text-align: center;
  221. }
  222. #header #search { height:43px; padding:0; display:block; margin-top:40px; position:relative; left:-4px}
  223. #header .button-search { height:43px; width:40px;background: url('../image/button-search.png') right center no-repeat; float:left; cursor:pointer}
  224. #header .search { background: url('../image/bkg_search.png') left center no-repeat;height:43px; width:82%;padding: 0 0 0 13px;float:left;}
  225. #header #search input { color:#a2a3a3; border:none; width:99%; padding:0; margin-top:14px}
  226.  
  227. #header #welcome{ font:11px "PTSansBold"; text-transform:uppercase; color:#fdc919; padding-bottom:3px }
  228. #header #welcome a { font:12px "PTSansBold";color:#17BEE4;text-transform:none }
  229. #header .links { position:relative}
  230. #header .links ul { float:left}
  231. #header .links a {
  232. float: left;
  233. display: inline-block;
  234. padding: 0px 0px 0px 12px;
  235. color: #a2a3a3;
  236. font-size: 11px;
  237. line-height:11px;
  238. float:left;
  239. }
  240. #header .links a.boss_button.button_black { float:left; clear:both}
  241. #header .links a:first-child { padding-left:0}
  242. #header .links a {
  243. margin-left: 13px;
  244. border-left: 1px solid #282828;
  245.  
  246. }
  247. #header .links ul{ float:left}
  248. #header .links ul li a { margin-left:0; border:none; padding-bottom:10px}
  249. #header .links ul li:hover > a{ z-index:6; text-decoration:none}
  250. span.boss-icon { background: url("../image/icon_hover.gif") no-repeat 0 0;
  251. display: inline-block;
  252. height: 5px;
  253. left: 30px;
  254. position: absolute;
  255. top: -5px;
  256. width: 10px;}
  257. /* menu */
  258.  
  259. .boss_menu_fixed { background:#000; position:relative; z-index:7; height:50px;margin-bottom: 14px;}
  260. #boss_menu { background: url(../image/bkg_menu.png) no-repeat left center;clear:both;height: 50px}
  261. #boss_menu ul { display:block;list-style: none;margin: 0; padding: 0;}
  262. #boss_menu > ul > li { position:relative;float:left;z-index:20;display:block;height:50px;}
  263. #boss_menu > ul > li > a { font:16px 'PTSansBold'; color: white; text-shadow:0 1px 1px #0d98b6;line-height: 50px;display: block; z-index: 6; position: relative; padding:0 15px }
  264. #boss_menu > ul > li:hover > a { background: url(../image/icon_hover_menu.png) no-repeat center 50px; padding-bottom:10px; text-decoration:none }
  265. #boss_menu > ul > li:hover:first-child > a { background:none}
  266. #boss_menu > ul > li:hover {background: url(../image/bkg_menu_active.png) no-repeat right center;}
  267. #boss_menu > ul > li:first-child:hover {background: url(../image/bkg_menu_active.png) no-repeat left center;}
  268. #boss_menu > ul > li > div { display: none; background: #FFFFFF;margin: 0px auto ;position: absolute;z-index: 5;padding: 16px 0 10px;border: 1px solid #dbdbdb; top:50px}
  269. #boss_menu > ul > li:hover > div {display: block;}
  270. #boss_menu > ul > li > div > ul { display: inline-block; position: relative;}
  271. #boss_menu > ul > li ul > li { padding:2px 10px 0 0;position: relative;}
  272. #boss_menu > ul > li ul > li > a { padding: 2px 0 4px; color: #7c7c7c; display: block; white-space: nowrap;/*min-width: 120px;*/ display:inline-block; white-space:normal}
  273. #boss_menu > ul > li > div.dropdown a.parent { margin:0 19px 3px 20px}
  274. #boss_menu > ul > li > div.dropdown .column.category li, #boss_menu > ul > li > div.dropdown .column.information li, #boss_menu > ul > li > div.dropdown .column.manufacturer li { margin-left:20px}
  275.  
  276.  
  277. #boss_menu > ul > li > div.dropdown .option { padding-bottom:10px; color:#7c7c7c!important }
  278. #boss_menu > ul > li > div.dropdown .option .staticblock { font-size:11px;color:#7c7c7c!important; margin-left:20px }
  279. #boss_menu > ul > li > div.dropdown .option .staticblock h3 { font:400 11px 'PTSansBold'; color:#141414;text-transform: uppercase;margin:0 0 8px 0}
  280. #boss_menu > ul > li > div.dropdown .option .staticblock p { margin-bottom:23px}
  281. #boss_menu > ul > li > div.dropdown .product li span { display:block; padding:0 0 6px 0}
  282. #boss_menu > ul > li > div.dropdown ul.column.product li {color:#ff000; font-weight:bold;min-height:180px; padding:0 19px 0 20px }
  283. #boss_menu > ul > li > div.dropdown .product li span a { color:#242424;}
  284. #boss_menu > ul > li > div.dropdown .parent, #boss_menu > ul > li > div.dropdown .manufacturer a { font:400 11px 'PTSansBold'; color:#141414!important; text-transform: uppercase;padding-bottom:5px; display:inline-block}
  285. #boss_menu > ul > li > div.dropdown .parent img, #boss_menu > ul > li > div.dropdown .manufacturer img { display:block; margin-bottom:6px}
  286. #boss_menu > ul > li > div.dropdown .manufacturer li { margin-bottom:5px}
  287. #boss_menu > ul > li ul > li.category{ padding:0}
  288. #boss_menu > ul > li ul > li > a:hover { padding: 2px 0 4px;}
  289. #boss_menu > ul > li > div > ul > li > a {color: #7c7c7c;}
  290. #boss_menu .option ul li {position: relative; color:#FF0000; }
  291. #boss_menu ul li ul li > div.sub_menu{ z-index:999!important;padding: 5px 0;border: 1px solid #dbdbdb;background: #fff;width:160px; }
  292. #boss_menu ul li ul li > div.sub_menu{display:none;position:absolute;top:-6px;left:50%;}
  293. #boss_menu ul li ul li > div.sub_menu ul li a:hover{ }
  294. #boss_menu ul li ul li{}
  295. #boss_menu ul li ul li:hover > div.sub_menu{display:block;}
  296.  
  297.  
  298.  
  299. .breadcrumb {color:#fff; margin-bottom: 20px;font-weight:bold}
  300. .breadcrumb a { color: #7f7f7f; text-decoration:none }
  301. .breadcrumb a + a { background: url('../image/icon_brec.gif') no-repeat left center;padding-left:15px; margin-left:5px}
  302. .breadcrumb a.last { color: #242424; }
  303. .breadcrumb a.last:hover { cursor:default; text-decoration:none}
  304. .breadcrumb a:hover { text-decoration:underline}
  305.  
  306. .success, .warning, .attention, .information {
  307. padding: 10px 10px 10px 33px;
  308. margin-bottom: 20px;
  309. color: #555555;
  310. }
  311. .success {
  312. background: #d6faff url('../image/success.png') 10px center no-repeat;
  313. border: 1px solid #8be7f6;
  314. color:#00b7d0
  315.  
  316. }
  317. .warning {
  318. background: #f5faee url('../image/warning.png') 10px center no-repeat;
  319. border: 1px solid #d5ebb7;
  320. color: #569701;
  321. }
  322. .attention {
  323. background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
  324. border: 1px solid #F2DD8C;
  325. }
  326. .success .close, .warning .close, .attention .close, .information .close {
  327. float: right;
  328. padding-top: 4px;
  329. padding-right: 4px;
  330. cursor: pointer;
  331. }
  332. .required {
  333. color: #FF0000;
  334. font-weight: bold;
  335. }
  336. .error {
  337. display: block;
  338. color: #FF0000;
  339. }
  340. .help {
  341. color: #999;
  342. font-size: 10px;
  343. font-weight: normal;
  344. font-family: Arial;
  345. display: block;
  346. }
  347. table.form {
  348. width: 100%;
  349. border-collapse: collapse;
  350. margin-bottom: 20px;
  351. }
  352. table.form tr td:first-child { vertical-align:top; padding-top:9px}
  353. table.form > * > * > td {
  354. color: #5d5d5d;font-weight:bold
  355. }
  356. table.form td {
  357. padding: 3px 0;
  358. }
  359. input.large-field, select.large-field {}
  360. table.list {
  361. border-collapse: collapse;
  362. width: 100%;
  363. border-top: 1px solid #dcdcdc;
  364. border-left: 1px solid #dcdcdc;
  365. margin-bottom: 20px;
  366. }
  367. table.list td {
  368. border-right: 1px solid #dcdcdc;
  369. border-bottom: 1px solid #dcdcdc;
  370. }
  371. table.list thead td {
  372. background-color: #EFEFEF;
  373. padding: 0px 5px;
  374. }
  375. table.list thead td a, .list thead td {
  376. color: #222222;
  377. font-weight: bold;
  378. }
  379. table.list tbody td {
  380. vertical-align: top;
  381. padding: 0px 5px;
  382. }
  383. table.list .left {
  384. text-align: left;
  385. padding: 7px;
  386. }
  387. table.list .right {
  388. text-align: right;
  389. padding: 7px;
  390. }
  391. table.list .center {
  392. text-align: center;
  393. padding: 7px;
  394. }
  395. table.radio {
  396. border-collapse: collapse;
  397. }
  398. table.radio td {
  399. padding: 0 10px 5px 0;
  400. vertical-align: top;
  401. }
  402. table.radio td label {
  403. display: block;
  404. }
  405. table.radio tr td:first-child {
  406. width: 1px;
  407. }
  408. table.radio tr td:first-child input {
  409. margin-top: 1px;top:0
  410. }
  411. table.radio tr.highlight:hover td {
  412.  
  413. cursor: pointer;
  414. }
  415. table.radio td b{white-space: nowrap;}
  416. .pagination {
  417. border-top: 1px solid #d9d9d9;
  418. padding-top: 8px;
  419. display: inline-block;
  420. width: 100%;
  421. margin-bottom: 10px;
  422. }
  423. .pagination .links {
  424. padding-top: 3px;
  425. float: right;
  426. }
  427. .pagination .links a {
  428. display: inline-block;
  429. padding: 4px 8px;
  430. color: #7f7f7f;
  431. }
  432. .pagination .links a:hover{ color:#000; text-decoration:none}
  433. .pagination .links b {
  434. display: inline-block;
  435. padding: 4px 8px;
  436. font-weight: normal;
  437. color: #000;
  438. }
  439. .pagination .results { color:#5d5d5d; font-size:11px;float: left;padding-top: 8px;}
  440. /* button */
  441.  
  442. /*div.right a.button , div.right input.button , div.left a.button ,*/table td a.button, input.button{
  443. display: inline-block;font:12px 'PTSansBold';line-height:30px; text-transform:uppercase; color:#fff; height:30px;cursor: pointer;
  444. text-decoration: none; border:1px solid #000; border-right:0;
  445. background: url('../image/btn_32_black.png') right -33px no-repeat;
  446. -webkit-border-radius: 3px;
  447. -moz-border-radius: 3px;
  448. -khtml-border-radius: 3px;
  449. border-radius: 3px;
  450. padding:0 10px;
  451. }*/
  452. div.right input.button , div.left input.button, input.button { height:32px; padding:6px 10px;display: block;}
  453.  
  454. a.button { background: url('../image/btn_32_black.png') left 0 no-repeat; padding:0 0 0 7px; float:left; height:32px; line-height:32px;}
  455. a.button span { background: url('../image/btn_32_black.png') right -32px no-repeat; padding:0 16px 0 9px; float:left; border:none; height:32px; height:32px; font:12px 'PTSansBold';line-height:32px; text-transform:uppercase; color:#fff; }
  456.  
  457. .boss_button input.button { padding:7px 16px 7px 12px ; line-height:normal; float:left; margin:0; padding-top:8px\0}
  458. div.right a.button.boss_button, div.left a.button.boss_button { background: url('../image/btn_32_blue.png') left 0 no-repeat; padding:0 0 0 7px; display:block; height:32px; line-height:32px;border:none;
  459. -webkit-border-radius: 0;
  460. -moz-border-radius: 0;
  461. -khtml-border-radius: 0;
  462. border-radius: 0; }
  463. div.right a.button.boss_button span, div.left a.button.boss_button span{ background: url('../image/btn_32_blue.png') right -32px no-repeat; padding:0 16px 0 9px; display:inline-block; border:none; height:32px; height:32px; font:12px 'PTSansBold';line-height:32px; text-transform:uppercase; text-shadow:0 1px 0 #01b1d6 ; color:#fff;}
  464.  
  465. table td a.button {}
  466.  
  467.  
  468. a.button:hover, input.button:hover, a.boss_button:hover { text-decoration:none!important}
  469. .buttons {
  470. background: #FFFFFF;
  471. overflow: hidden;
  472. margin-bottom: 20px;
  473. }
  474. .buttons .left { margin-right:10px;
  475. float: left;
  476. text-align: left;
  477. }
  478. .buttons .right {
  479. float: right;
  480. text-align: right;
  481. }
  482. .buttons .center {
  483. text-align: center;
  484. margin-left: auto;
  485. margin-right: auto;
  486. }
  487. .htabs {
  488. height: 42px;
  489. line-height: 16px;
  490.  
  491. }
  492. .htabs a {
  493. color:#7f7f7f; float:left; margin-right:2px;
  494. font:18px/42px "PTSansRegular";
  495. text-decoration:none;
  496. padding:0 22px
  497. }
  498. .htabs a.selected , .htabs a:hover{
  499. background: url('../image/btn_44_black_1.png') left 0 repeat-x; height:40px;line-height:40px; color:#fff; display:inline-block;border:1px solid #000;
  500. -webkit-border-radius: 3px;
  501. -moz-border-radius: 3px;
  502. -khtml-border-radius: 3px;
  503. border-radius: 3px;
  504. padding:0 21px;
  505. cursor:pointer
  506.  
  507. }
  508. .htabs a.selected:hover {cursor:default;}
  509.  
  510. .tab-content {
  511. padding:20px 0 0;
  512. margin-bottom: 0;
  513. z-index: 2;
  514. clear:both
  515. }
  516. .tab-content p strong span { color:#141414}
  517. /* box */
  518. .box {
  519. margin-bottom: 27px;
  520. }
  521. .box .box-heading {padding-bottom:5px;font:20px "PTSansBold";color:#000;border-bottom:1px solid #d9d9d9; text-transform: capitalize;}
  522. .box .box-content { }
  523.  
  524.  
  525. /*box manuff*/
  526. .manuff_block.box select {
  527. margin-top:20px;
  528. width:100%;
  529. }
  530.  
  531. /*box featured*/
  532. .featured .box-product { padding:27px 0 0}
  533. .featured .box-product .image{ margin-bottom:12px}
  534. /**/
  535. .box.boss_tag{ margin-bottom:35px}
  536. .boss_tag .box-content {padding-top:10px}
  537. .boss_tag a { color:#7f7f7f; display: inline-block; padding: 0 5px 2px 0}
  538. .boss_tag a:hover { color:#0b9ec9}
  539. /* box products */
  540. .box-product {
  541. width: 100%;
  542. overflow: hidden;
  543. }
  544. .box-product > div {
  545. display: inline-block;
  546. vertical-align: top;
  547. margin-right: 20px;
  548. margin-bottom: 20px;
  549. }
  550. #column-left + #column-right + #content .box-product > div {
  551. width: 119px;
  552. }
  553. .box-product .image {
  554. display: block;
  555. margin-bottom: 0px;
  556. }
  557. .box-product .image img {}
  558. .box-product .name a {
  559. color: #242424;
  560. font-weight: bold;
  561. display: block;
  562. margin-bottom: 4px;
  563. }
  564. .box-product .price {
  565. display: block;
  566. font-weight: bold;
  567. color: #ff0000;
  568. margin-bottom: 4px;
  569. }
  570. .box-product .price-old {
  571. color: #5d5d5d;
  572. text-decoration: line-through;
  573. }
  574. .box-product .price-new {
  575. font-weight: bold;
  576. }
  577. .box-product .rating {
  578. display: block;
  579. margin-bottom: 4px;
  580. }
  581. /* box category */
  582. .box-category { margin-top: 14px;}
  583. .box-category ul {
  584. list-style: none;
  585. margin: 0;
  586. padding: 0;
  587. }
  588. .box-category > ul > li {
  589. padding: 4px 8px 4px 0px;
  590. }
  591. .box-category > ul > li + li {
  592. }
  593. .box-category > ul > li > a {
  594. text-decoration: none;
  595. color: #333;
  596. }
  597. .box-category > ul > li > a:hover { color:#0b9ec9}
  598. .box-category > ul > li ul {
  599. display: none;
  600. }
  601. .box-category > ul > li a.active {
  602. color:#0b9ec9
  603. }
  604. .box-category > ul > li a.active + ul {
  605. display: block;
  606. margin:5px 0 0 10px
  607. }
  608. .box-category > ul > li ul > li {
  609. padding: 5px 5px 5px 0;
  610. }
  611. .box-category > ul > li ul > li > a { background: url('../image/icon_li.png') left center no-repeat; padding-left:12px}
  612. .box-category > ul > li ul > li > a:hover, .box-category > ul > li ul > li > a.active{ background: url('../image/icon_li_active.png') left center no-repeat; color:#0b9ec9}
  613. .box-category > ul > li ul > li > a {
  614. text-decoration: none;
  615. display: inline-block;
  616. color:#7f7f7f
  617. }
  618. .box-category > ul > li ul > li > a.active {
  619. font-weight: bold;
  620. }
  621. /* content */
  622. #content .content {
  623. margin-bottom: 20px;
  624. padding-top:20px
  625. }
  626. #content .content .left {
  627. float: left;
  628. width: 49%;
  629. }
  630. #content .content .right {
  631. float: right;
  632. width: 49%;
  633. }
  634. /* category */
  635. .boss_info { display:block; overflow:hidden; margin-bottom: 20px;}
  636. .boss_info .image { float:left; margin-right:27px}
  637. .category-info {
  638. overflow: auto;
  639.  
  640. display:block; overflow:hidden
  641. }
  642. .category-info .image {
  643. float: left;
  644. padding: 5px;
  645. margin-right: 15px;
  646. border: 1px solid #ccc;
  647. }
  648. .category-info h1 { color:#242424;font:bold 12px Arial; margin-bottom:10px}
  649. .category-list { width:100%;
  650. overflow: hidden;
  651. margin-bottom: 20px;
  652. }
  653.  
  654.  
  655. .category-list ul { margin:4px 0 0 0;float: left;width: 18%;padding:0}
  656. .category-list ul li a{background: url('../image/icon_li.png') left center no-repeat; padding:3px 0 3px 12px}
  657. .category-list ul li a:hover{ background: url('../image/icon_li_active.png') left center no-repeat;}
  658. .category-list ul li a { color:#7f7f7f; text-decoration:none; display:inline-block}
  659. .category-list ul li a:hover { color:#0b9ec9}
  660. /* manufacturer */
  661. .manufacturer-list {
  662. border: 1px solid #DBDEE1;
  663. padding: 5px;
  664. overflow: auto;
  665. margin-bottom: 20px;
  666. }
  667. .manufacturer-heading {
  668. background: #F8F8F8;
  669. font-size: 15px;
  670. font-weight: bold;
  671. padding: 5px 8px;
  672. margin-bottom: 6px;
  673. }
  674. .manufacturer-content {
  675. padding: 8px;
  676. overflow: hidden;
  677. }
  678. .manufacturer-list ul {
  679. float: left;
  680. width: 25%;
  681. margin: 0;
  682. padding: 0;
  683. list-style: none;
  684. padding-bottom: 10px;
  685. }
  686. .manufacturer-list ul a:hover { }
  687. /* product */
  688. .product-filter { height:28px; padding:4px 8px;
  689. border: 1px solid #d4d4d4;
  690. overflow: hidden;
  691. -webkit-border-radius: 2px;
  692. -moz-border-radius: 2px;
  693. -khtml-border-radius: 2px;
  694. border-radius: 2px;
  695. }
  696. .product-filter.row { margin-bottom:6px}
  697. .product-filter .display { padding-top:2px;
  698. margin-right: 15px;
  699. float: left;
  700. color: #333;
  701. }
  702. .product-filter .display b { display:none}
  703. .product-filter .display a, .product-filter .display span { display: block;float: left;margin: 1px 0 0;text-indent: -9999px; width:22px; height:22px; margin-right:6px}
  704. .display span.active-gird { background: url('../image/gird.gif') 0 0 no-repeat;}
  705. .display a.no-active-gird { background: url('../image/no_gird.gif') 0 0 no-repeat;}
  706. .display span.active-list{ background: url('../image/list.gif') 0 0 no-repeat; }
  707. .display a.no-active-list{ background: url('../image/no_list.gif') 0 0 no-repeat;}
  708. .product-filter .sort b , .product-filter .limit b{ font:10px 'PTSansBold'; text-transform:uppercase}
  709. .product-filter .limit select, .product-filter .sort select {
  710. -webkit-border-radius: 3px;
  711. -moz-border-radius: 3px;
  712. -khtml-border-radius: 3px;
  713. border-radius: 3px;
  714. color: #a9a9a9;
  715. font-size: 11px;
  716. height: 28px; line-height:23px;
  717. padding: 6px; padding-top:4px\0; padding-bottom:5px\0;
  718. width: 136px;
  719. }
  720. .product-filter .sort {
  721. float: right;
  722. color: #333;
  723. margin-left: 15px;
  724. }
  725. .product-filter .limit {
  726. margin-left: 15px;
  727. float: right;
  728. color: #333;
  729. }
  730. .product-compare {
  731. margin-bottom: 25px;
  732. }
  733. .product-compare a { color:#5d5d5d; font:12px 'PTSansBold'; text-transform:uppercase}
  734. .product-list > div {
  735. overflow: auto;
  736. margin-bottom: 15px;
  737. position:relative
  738. }
  739. .product-list .right {
  740. float: left;
  741. }
  742. .product-list > div + div {
  743. padding-top: 16px;
  744. position: relative;
  745. }
  746.  
  747. .product-list .image {
  748. float: left;
  749. margin-right: 27px;
  750.  
  751. }
  752. .product-list .image img {}
  753. .product-list .name {
  754. margin-bottom: 4px;
  755. }
  756. .product-list .name a {
  757. color: #242424;
  758. font-weight: bold;
  759. }
  760. .product-list .description {
  761. font-size:11px;
  762. line-height: 15px;
  763. margin-bottom: 7px;
  764. color: #a2a3a3;
  765. }
  766. .product-list .rating {
  767. margin-bottom:7px;
  768. color: #7B7B7B;
  769. }
  770. .product-list .price {
  771. margin-bottom:17px; font:bold 11px Arial; color:#ff0000
  772. }
  773. .product-list .price-old {
  774. color: #5d5d5d;
  775. text-decoration: line-through;
  776. }
  777. .product-list .price-new {
  778. font-weight: bold;
  779. }
  780. .product-list .price-tax {
  781. margin-left:15px;
  782. font:normal 11px Arial;
  783. font-weight: normal;
  784. color: #5d5d5d;
  785. }
  786. .product-list .cart {
  787. margin-bottom: 3px; float:left;
  788. }
  789. .product-list .boss_com_wish {float:left}
  790. .product-list .wishlist, .product-list .compare {
  791. padding:10px 0 0 18px;
  792. margin-bottom: 3px; float:left
  793. }
  794.  
  795. .product-list .wishlist a, .product-list .compare a{ font-size:11px;color: #5d5d5d;padding-left: 13px;text-decoration: none;
  796. display: block; background: url('../image/add.png') left center no-repeat; }
  797. .wishlist a:hover, .compare a:hover{ text-decoration:underline}
  798. .product-list > div span.boss_button, .product-grid > div span.boss_button{ float:left}
  799. .product-list > div span.boss_button input.button, .product-grid > div span.boss_button input.button { float:none;display:inline-block }
  800. .product-grid {
  801. }
  802. .product-grid > div {
  803. width: 230px;
  804. display: inline-block;
  805. vertical-align: top;
  806. margin-right: 51px;
  807. margin-bottom: 35px;
  808. position:relative
  809. }
  810. .product-grid > div.last { margin-right:0}
  811. #column-left + #column-right + #content .product-grid > div {
  812. width: 125px;
  813. }
  814. .product-grid .image {
  815. display: block;
  816. margin-bottom: 6px;
  817. }
  818. .product-grid .image img {}
  819. .product-grid .name a {
  820. color: #242424;
  821. font-weight: bold;
  822. display: block;
  823. margin-bottom: 6px;
  824. min-height:30px
  825. }
  826. .product-grid .description {
  827. display: none;
  828. }
  829. .product-grid .rating {
  830. display: block;
  831. margin-bottom: 4px;
  832. }
  833. .product-grid .price {
  834. display: block;
  835. font-weight: bold;
  836. color: #ff0000;
  837. margin-bottom: 16px;
  838. }
  839. .product-grid .price-old {
  840. color: #5d5d5d;
  841. text-decoration: line-through;
  842. }
  843. .product-grid .price-new {
  844. font-weight: bold;
  845. }
  846. .product-grid .price .price-tax {
  847. display: none;
  848. color:#5d5d5d
  849. }
  850. .product-grid .cart { margin-bottom: 8px;float:left; width:100%}
  851. .boss_button { background: url('../image/btn_32_blue.png') left 0 no-repeat; padding-left:5px; float:left; height:32px; cursor:pointer}
  852. span.boss_button { display:block; float:none}
  853. a.boss_button { display:inline-block}
  854. a.boss_button span{ float:left}
  855. .boss_button input, .boss_button span/*, div.right .boss_button input.button, div.left .boss_button input.button*/{ background: url('../image/btn_32_blue.png') right -32px no-repeat; padding:0 16px 0 12px; display:inline-block; border:none; height:32px; height:32px; font:12px 'PTSansBold';line-height:32px; text-transform:uppercase; text-shadow:0 1px 0 #01b1d6 ; color:#fff; cursor: pointer; white-space: nowrap;
  856. -webkit-border-radius: 0;
  857. -moz-border-radius: 0;
  858. -khtml-border-radius: 0;
  859. border-radius: 0;
  860. -webkit-box-shadow: none;
  861. -moz-box-shadow: none;
  862. box-shadow: none;}
  863. .boss_button.button_black { background: url('../image/btn_32_black.png') left 0 no-repeat; padding-left:5px!important;}
  864. .boss_button.button_black input, .boss_button.button_black span ,
  865. div.right .boss_button.button_black input.button, div.left .boss_button.button_black input.button{ background: url('../image/btn_32_black.png') right -32px no-repeat;text-shadow:none ; }
  866. .boss_button.button_cart { background: url('../image/btn_32_grey.png') left 0 no-repeat; display:inline-block; margin-left:5px; float:right; margin-bottom:5px}
  867. .boss_button.button_cart span { background: url('../image/btn_32_grey.png') right -32px no-repeat;text-shadow:none ; color:#6a6a6a; text-transform:uppercase}
  868. span.boss_button span{ background:none!important; height:auto}
  869. .product-grid .compare { margin-right:16px}
  870. .product-grid .wishlist, .product-grid .compare {
  871. margin-bottom: 3px; float:left; display:inline-block
  872. }
  873. .product-grid .wishlist a { font-size:11px;white-space: nowrap;
  874. color: #5d5d5d;
  875. padding-left: 13px;
  876. display: block;
  877. background: url('../image/add.png') left center no-repeat;
  878. }
  879. .product-grid .compare a { font-size:11px;white-space: nowrap;
  880. color: #5d5d5d;
  881. padding-left: 13px;
  882. display: block;
  883. background: url('../image/add.png') left center no-repeat;
  884. }
  885. /* Product */
  886. .product-info {
  887. overflow: hidden;
  888. margin-bottom: 20px;
  889. }
  890. .product-info > .left {
  891. float: left;
  892. margin-right: 22px;
  893. }
  894. .product-info > .left + .right {
  895. /*margin-left: 304px;*/
  896. float: left;width: 507px;
  897. }
  898. .product-info .image {
  899. float: left;
  900. padding:3px ;
  901. margin-bottom: 20px;
  902. text-align: center;
  903. }
  904. .product-info .image-additional {
  905. width: 288px;
  906. clear: both;
  907. overflow: hidden;
  908. position:relative;
  909. margin-bottom: 10px;
  910. }
  911. .product-info .image-additional img {}
  912. .product-info .image-additional a {
  913. float: left;
  914. display: block;
  915.  
  916. }
  917. .product-info .description { color:#7f7f7f; line-height:1.5; border-bottom:1px solid #ccc; margin-bottom:15px; padding-bottom:15px}
  918. .product-info .description h1 { color:#242424; font:bold 18px Arial}
  919. .product-info .description span { color:#7f7f7f }
  920. .product-info .description a {
  921. color:#7f7f7f ;text-transform:uppercase}
  922. .product-info .description em { font-style:normal; color:#0da5d2}
  923. .product-info .cart .price {
  924. overflow: auto;
  925. margin-top: 10px;
  926. font-size: 15px;
  927. font-weight: bold;
  928. color: #ff0000;
  929. }
  930. .product-info .cart .price > span { display:inline-block}
  931. .product-info .cart .price-old {
  932. color: #5d5d5d;
  933. text-decoration: line-through;
  934. margin-right:10px;
  935. font-size: 11px;
  936. font-weight: normal;
  937. }
  938. .product-info .price-new {
  939. color: #ff0000;
  940. }
  941. .product-info .cart .price-tax {
  942. padding-left:10px;
  943. font-size: 11px;
  944. font-weight: normal;
  945. color: #5d5d5d;
  946. display:inline
  947. }
  948.  
  949. .product-info .price .reward {
  950. font-size: 12px;
  951. font-weight: normal;
  952. color: #999;
  953. }
  954. .product-info .price .discount {
  955. font-weight: normal;
  956. font-size: 12px;
  957. color: #4D4D4D;
  958. }
  959. .product-info .options {
  960. border-bottom: 1px solid #ccc;
  961. padding: 0 0 22px 0;
  962. margin-bottom: 16px;
  963. color: #5d5d5d;
  964. }
  965. .product-info .options select { width:246px; margin-top:5px}
  966. .product-info .options input[type="text"] { width:236px;margin-top:5px}
  967. .product-info .options textarea { width:406px;margin-top:5px }
  968. .product-info .options h2 {
  969. text-transform:uppercase; font-size:11px;margin-bottom:0;
  970. }
  971. .product-info .options b {
  972. color:#5d5d5d;
  973. padding-bottom:5px
  974. }
  975. .product-info .option { margin-top:13px}
  976. .product-info .option .boss_button.button_black { margin-top:10px; display: inline-block;}
  977. .product-info .option.boss_radio { float:left; width:39%}
  978. .product-info .option.boss_checkbox{ float:left; width:61%}
  979.  
  980. .product-info .option-image {
  981. margin-top: 3px;
  982. margin-bottom: 10px;
  983. }
  984. .product-info .option-image label {
  985. display: block;
  986. width: 100%;
  987. height: 100%;
  988.  
  989. }
  990. .product-info .option-image img {
  991. margin-right: 5px;
  992. border: 1px solid #CCCCCC;
  993. cursor: pointer;
  994. }
  995. .product-info .cart {
  996. color: #4D4D4D;
  997. overflow: hidden;
  998. padding-bottom:5px
  999. }
  1000. .product-info .cart strong { color:#5d5d5d;padding-bottom:5px; display:block}
  1001. .product-info .cart div { color:#a2a3a3;
  1002. float: left;
  1003. vertical-align: middle;
  1004. width:100%;
  1005. padding-bottom:15px
  1006. }
  1007. .product-info .cart div > span {
  1008. padding-top: 7px;
  1009. display: block;
  1010. }
  1011. .product-info .cart div input[type="text"]{ width:236px; padding:6px 5px}
  1012. .product-info .cart div > a {color:#a2a3a3; font-size:11px; text-decoration:none}
  1013. .product-info .cart div > a:hover { text-decoration:underline}
  1014. .product-info .cart .minimum {
  1015. padding-top: 10px;
  1016. font-size: 11px;
  1017. color: #999;
  1018. clear: both;
  1019. }
  1020. .product-info .cart .boss_button{ width:auto; float:left; margin-right:18px}
  1021. .product-info .cart .wishlist, .product-info .cart .compare {
  1022. padding:10px 0 0 0;
  1023. margin-bottom: 3px; float:left; width:auto
  1024. }
  1025. .product-info .cart .compare { padding-right:18px}
  1026. .product-info .cart .wishlist a, .product-info .cart .compare a{ font-size:11px;color: #5d5d5d;padding-left: 13px;
  1027. display: block; background: url('../image/add.png') left center no-repeat; }
  1028. .product-info .cart div.boss_com_wish {float:left; width:auto}
  1029. .product-info .review {
  1030. color: #4D4D4D;
  1031. margin-bottom: 10px;
  1032. }
  1033. .product-info .review > div {
  1034. padding: 8px 0;
  1035. line-height: 20px;
  1036. }
  1037. .product-info .review > div > span {
  1038. color: #38B0E3;
  1039. }
  1040. .product-info .review .share {
  1041. overflow: auto;
  1042. line-height: normal;
  1043. }
  1044. .product-info .review .share a {}
  1045. #tab-related ul li { margin-right:40px}
  1046. #tab-related ul li a { margin-bottom:6px; display:block}
  1047. #tab-related .rating{ margin-bottom:6px}
  1048. #tab-related .price { color:#ff0000; font-weight:bold; margin-bottom:16px; display:block}
  1049.  
  1050. #tab-review input[type="text"]{ margin:5px 0}
  1051. #tab-review textarea{ display:block;margin:5px 0}
  1052.  
  1053. #cboxCurrent { display:none!important}
  1054.  
  1055. .review-list {
  1056. padding: 10px;
  1057. overflow: auto;
  1058. margin-bottom: 20px;
  1059. border: 1px solid #EEEEEE;
  1060. }
  1061. .review-list .author {
  1062. float: left;
  1063. margin-bottom: 20px;
  1064. }
  1065. .review-list .rating {
  1066. float: right;
  1067. margin-bottom: 20px;
  1068. }
  1069. .review-list .text {
  1070. clear: both;
  1071. }
  1072. .attribute {
  1073. border-collapse: collapse;
  1074. width: 100%;
  1075. border-top: 1px solid #dcdcdc;
  1076. border-left: 1px solid #dcdcdc;
  1077. margin-bottom: 20px;
  1078. }
  1079. .attribute thead td, .attribute thead tr td:first-child {
  1080. color: #000000;
  1081. font-size: 14px;
  1082. font-weight: bold;
  1083. background: #F7F7F7;
  1084. text-align: left;
  1085. }
  1086. .attribute tr td:first-child {
  1087. color: #000000;
  1088. font-weight: bold;
  1089. text-align: right;
  1090. width: 20%;
  1091. }
  1092. .attribute td {
  1093. padding: 7px;
  1094. color: #4D4D4D;
  1095. text-align: center;
  1096. vertical-align: top;
  1097. border-right: 1px solid #dcdcdc;
  1098. border-bottom: 1px solid #dcdcdc;
  1099. }
  1100.  
  1101. .compare-infomation {
  1102. overflow-x: auto;
  1103. overflow-y: hidden;
  1104. margin-bottom: 20px;
  1105. border: 1px solid #dcdcdc;
  1106. -webkit-border-radius: 3px;
  1107. -moz-border-radius: 3px;
  1108. -khtml-border-radius: 3px;
  1109. border-radius: 3px;
  1110. }
  1111.  
  1112. .compare-info {
  1113. border-collapse: collapse;
  1114. width: 100%;
  1115.  
  1116.  
  1117. }
  1118. .compare-info thead td, .compare-info thead tr td:first-child {
  1119. text-transform: none;
  1120. text-align: left;
  1121. padding: 13px 7px 12px 20px;
  1122. color: #000000;
  1123. font: 400 14px 'PTSansBold';
  1124. }
  1125. .compare-info tr td:first-child {
  1126. color: #141414;
  1127. font: bold 11px arial;
  1128. text-align: left;
  1129. text-transform:uppercase; padding-left:18px;
  1130.  
  1131. }
  1132. .compare-info td {
  1133. padding: 18px;
  1134. width: 20%;
  1135. text-align: left;
  1136. vertical-align: top;
  1137. border-bottom: 1px solid #dcdcdc;
  1138. }
  1139. .compare-info .name a {
  1140. font-weight: bold;
  1141. color:#242424
  1142. }
  1143. .compare-info .price-old {
  1144. font-weight: bold;
  1145. color: #5d5d5d;
  1146. text-decoration: line-through;
  1147. }
  1148. .compare-info .price-new {
  1149. font-weight: bold;
  1150. }
  1151. .compare-info td.boss-brand{text-transform:uppercase; }
  1152. .compare-info td.boss-vailability{ color: #3A8A00;font: italic bold 12px Arial;}
  1153. table.compare-info .remove { position:static; margin-top:10px}
  1154. /* wishlist */
  1155. .wishlist-info { border:1px solid #c2c2c2; margin-bottom: 25px;padding-bottom:25px;
  1156. -webkit-border-radius: 3px;
  1157. -moz-border-radius: 3px;
  1158. -khtml-border-radius: 3px;
  1159. border-radius: 3px;}
  1160. .wishlist-info table {
  1161. width: 100%;
  1162. border-collapse: collapse;
  1163.  
  1164. }
  1165. .wishlist-info td {
  1166. padding:13px 7px 12px 20px;
  1167. }
  1168. .wishlist-info thead td {
  1169. color: #000;
  1170. border-bottom: 1px solid #c2c2c2;
  1171. font:400 14px 'PTSansBold'
  1172. }
  1173. .wishlist-info thead .image {}
  1174. .wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
  1175. text-align: left;
  1176. }
  1177. .wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
  1178. text-align: right;
  1179. }
  1180. .wishlist-info tbody td {
  1181. vertical-align: top;
  1182. padding: 38px 18px 0;
  1183. }
  1184. .wishlist-info tbody .image img {}
  1185. .wishlist-info tbody .image {
  1186. padding-top:15px;
  1187. text-align: center;
  1188. }
  1189. .wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
  1190. text-align: left;
  1191. }
  1192. .wishlist-info tbody .stock { color:#3a8a00; font:bold italic 12px Arial}
  1193. .wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
  1194. text-align: right;
  1195. }
  1196. .wishlist-info tbody .name a, .wishlist-info tbody .model{ color:#242424; font-weight:bold}
  1197. .wishlist-info tbody .price s {
  1198. color: #F00;
  1199. }
  1200. .wishlist-info tbody .action { padding-top:28px}
  1201. .wishlist-info tbody .action img {
  1202. cursor: pointer;
  1203. }
  1204. .login-content {
  1205. margin:0 0 20px;
  1206. }
  1207. #content .login-content .content {padding-top:10px}
  1208. .login-content h1 {
  1209. font:normal 20px 'PTSansBold'; margin-bottom:22px; color:#000
  1210. }
  1211. .login-content h2{
  1212. color:#000; text-transform:uppercase; font-size:11px
  1213. }
  1214. .login-content p { color:#5D5D5D}
  1215. .login-content .right a { color:#7F7F7F; display:inline-block; padding:10px 0 0 0; font-size:11px}
  1216. .login-content .left {
  1217. float: left;
  1218. width: 48%;
  1219. }
  1220. .login-content .right {
  1221. float: right;
  1222. width: 48%
  1223. }
  1224. .login-content .left .content, .login-content .right .content {
  1225. min-height: 190px;
  1226. }
  1227. .login-content input[type="text"],.login-content input[type="password"] { width:300px; margin:5px 0}
  1228. .login-content .right .boss_button{ float:left; margin-right:10px}
  1229.  
  1230. /* orders */
  1231. .order-list {
  1232. margin-bottom: 10px;
  1233. }
  1234. .order-list .order-id {
  1235. width: 49%;
  1236. float: left;
  1237. margin-bottom: 2px;
  1238. }
  1239. .order-list .order-status {
  1240. width: 49%;
  1241. float: right;
  1242. text-align: right;
  1243. margin-bottom: 2px;
  1244. }
  1245. .order-list .order-content {
  1246. padding: 10px 0px;
  1247. display: inline-block;
  1248. width: 100%;
  1249. margin-bottom: 20px;
  1250. border-top: 1px solid #EEEEEE;
  1251. border-bottom: 1px solid #EEEEEE;
  1252. }
  1253. .order-list .order-content div {
  1254. float: left;
  1255. width: 33.3%;
  1256. }
  1257. .order-list .order-info {
  1258. text-align: right;
  1259. }
  1260. .order-detail {
  1261. background: #EFEFEF;
  1262. font-weight: bold;
  1263. }
  1264. /* returns */
  1265. .return-form {}
  1266. .container .return-product .columns , .container .return-detail .columns{ margin-right:20px}
  1267. .return-form input[type="text"],.return-form input[type="password"],.return-form textarea { margin:2px 0 5px}
  1268.  
  1269. .return-list {
  1270. margin-bottom: 10px;
  1271. }
  1272. .return-list .return-id {
  1273. width: 49%;
  1274. float: left;
  1275. margin-bottom: 2px;
  1276. }
  1277. .return-list .return-status {
  1278. width: 49%;
  1279. float: right;
  1280. text-align: right;
  1281. margin-bottom: 2px;
  1282. }
  1283. .return-list .return-content {
  1284. padding: 10px 0px;
  1285. display: inline-block;
  1286. width: 100%;
  1287. margin-bottom: 20px;
  1288. border-top: 1px solid #EEEEEE;
  1289. border-bottom: 1px solid #EEEEEE;
  1290. }
  1291. .return-list .return-content div {
  1292. float: left;
  1293. width: 33.3%;
  1294. }
  1295. .return-list .return-info {
  1296. text-align: right;
  1297. }
  1298. .return-product {
  1299. overflow: auto;
  1300. margin-bottom: 20px;
  1301. }
  1302. .return-name {
  1303. float: left;
  1304. width: 31%;
  1305. margin-right: 15px;
  1306. }
  1307. .return-model {
  1308. float: left;
  1309. width: 31%;
  1310. margin-right: 15px;
  1311. }
  1312. .return-quantity {
  1313. float: left;
  1314. width: 31%;
  1315. }
  1316. .return-detail {
  1317. overflow: auto;
  1318. margin-bottom: 20px;
  1319. }
  1320. .return-detail b { margin-bottom:8px; display:inline-block}
  1321. .return-reason {
  1322. float: left;
  1323. width: 31%;
  1324. margin-right: 15px;
  1325. }
  1326. .return-opened {
  1327. float: left;
  1328. width: 31%;
  1329. margin-right: 15px;
  1330. }
  1331. .return-opened textarea {
  1332. width: 98%;
  1333. vertical-align: top;
  1334. }
  1335. .return-captcha {
  1336. float: left;
  1337. }
  1338. .download-list {
  1339. margin-bottom: 10px;
  1340. }
  1341. .download-list .download-id {
  1342. width: 49%;
  1343. float: left;
  1344. margin-bottom: 2px;
  1345. }
  1346. .download-list .download-status {
  1347. width: 49%;
  1348. float: right;
  1349. text-align: right;
  1350. margin-bottom: 2px;
  1351. }
  1352. .download-list .download-content {
  1353. padding: 10px 0px;
  1354. display: inline-block;
  1355. width: 100%;
  1356. margin-bottom: 20px;
  1357. border-top: 1px solid #EEEEEE;
  1358. border-bottom: 1px solid #EEEEEE;
  1359. }
  1360. .download-list .download-content div {
  1361. float: left;
  1362. width: 33.3%;
  1363. }
  1364. .download-list .download-info {
  1365. text-align: right;
  1366. }
  1367. /* cart */
  1368. .cart-info {
  1369. border:1px solid #c2c2c2;margin-bottom: 17px;padding-bottom:20px;
  1370. -webkit-border-radius: 3px;
  1371. -moz-border-radius: 3px;
  1372. -khtml-border-radius: 3px;
  1373. border-radius: 3px;
  1374. }
  1375.  
  1376. .cart-info table {
  1377. width: 100%;
  1378. border-collapse: collapse;
  1379. }
  1380. .cart-info td {
  1381. padding: 13px 7px 12px 20px;
  1382. text-align:left
  1383. }
  1384. .cart-info thead td {
  1385. color: #000;
  1386. border-bottom: 1px solid #c2c2c2;
  1387. font:400 14px 'PTSansBold'
  1388. }
  1389. .cart-info thead .image {
  1390. }
  1391. .cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
  1392. text-align: left;
  1393. }
  1394. .cart-info thead .price, .cart-info thead .total {
  1395. }
  1396. .cart-info tbody td {
  1397. vertical-align: top;
  1398. }
  1399. .cart-info tbody .image img {}
  1400. .cart-info tbody .image {
  1401. text-align: center;
  1402. }
  1403. .cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
  1404. text-align: left;
  1405. }
  1406. .cart-info tbody .thumb_image { float:left; margin-right:15px}
  1407. .cart-info tbody .name { float: left; padding-top:23px;color:#a2a3a3; font-size:11px}
  1408.  
  1409. .cart-info tbody .model, .cart-info tbody .price, .cart-info tbody .total{ padding-top:30px}
  1410. .cart-info tbody .name a , .cart-info tbody .model{color:#242424; font:bold 12px Arial}
  1411. .cart-info tbody .model { }
  1412. .cart-info tbody .quantity { padding-top:27px; padding-left:22px}
  1413. .cart-info tbody .quantity input {color:#454545; width:auto;border:0; padding:0; background:none;
  1414. -webkit-border-radius: 0;
  1415. -moz-border-radius: 0;
  1416. -khtml-border-radius: 0;
  1417. border-radius: 0;}
  1418. .cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
  1419. position: relative;
  1420. top: 2px;
  1421. cursor: pointer;
  1422. }
  1423. .cart-info tbody .price, .cart-info tbody .total {}
  1424. .cart-info tbody span.stock {
  1425. color: #F00;
  1426. font-weight: bold;
  1427. }
  1428. .cart-module > div {
  1429. padding-top: 0 !important;
  1430. display: none;
  1431. }
  1432. .cart-module { color:#5d5d5d; font-weight:bold; overflow: hidden; padding-bottom: 30px;}
  1433. .cart-module p { font-weight:normal; margin-bottom:14px}
  1434. .cart-module table td { padding:0 0 5px 0}
  1435. .cart-module table td:first-child { width:110px; vertical-align:top; padding-top:8px}
  1436. .cart-module .boss_button.button_black { margin:5px 0 0 114px}
  1437. .cart-module #voucher .boss_button.button_black { margin-left: 197px;margin-top: 10px;}
  1438. .cart-module #coupon .boss_button.button_black { margin-left: 142px;margin-top: 10px; }
  1439. .cart-module select{ width:248px}
  1440. #cboxLoadedContent table.radio tr td:first-child input{margin:0}
  1441.  
  1442. .cart-info tbody .boos_use_voucher .name { color: #242424; font: bold 12px Arial; left: 91px; position: relative;padding-top:15px}
  1443. .cart-info tbody .boos_use_voucher .name .a_move{ margin-right:7px}
  1444.  
  1445.  
  1446. .cart-total {
  1447. border-top: 1px solid #dcdcdc;
  1448. overflow: hidden;
  1449. padding-top: 22px;
  1450. margin-bottom: 15px;
  1451. clear:both
  1452. }
  1453. .cart-total table { margin-bottom:10px}
  1454. .cart-total td {
  1455. padding: 3px 0 5px;
  1456. text-align: left; width:236px
  1457. }
  1458. .cart-total td .buttons {margin-bottom: 26px;}
  1459. .cart-total td.left{ color:#5d5d5d}
  1460. .cart-total td.left.last { font-size:18px}
  1461. .cart-total td.right { text-align:left; color:#ff0000; font-weight:bold}
  1462. .cart-total td.right.last { font-size:18px}
  1463. .cart-total div.right a.button, .cart-total div.left a.button{ background: url('../image/btn_checkout.png') left 0 no-repeat; padding:0 0 0 7px; display:inline-block; height:52px; line-height:52px;border:none;
  1464. -webkit-border-radius: 0;
  1465. -moz-border-radius: 0;
  1466. -khtml-border-radius: 0;
  1467. border-radius: 0;}
  1468. .cart-total .boss_button.button_cart {margin-left:0; float:left}
  1469. .cart-total a.button span { background: url('../image/btn_checkout.png') right -52px no-repeat; padding:0 67px 0 47px; display:inline-block; border:none; height:52px; font:18px 'PTSansBold';line-height:52px; text-transform:uppercase; color:#01677a; text-shadow:1px 1px 0 #68e6ff }
  1470.  
  1471.  
  1472. #content .content.choice_shopping_cart{ color:#5d5d5d; padding-top:10px}
  1473. .choice_shopping_cart h2 { font-size:14px; margin-bottom: 11px;}
  1474. .choice_shopping_cart p { font-size:11px}
  1475. .choice_shopping_cart table.radio tr td:first-child input { top:0; margin:0}
  1476.  
  1477.  
  1478. /* checkout */
  1479. .checkout-heading {
  1480. font:18px 'PTSansRegular'; color:#7f7f7f; height:40px; line-height:40px;background: url('../image/bkg_step.png') 0 0 repeat-x;border:1px solid #000; color:#fff;
  1481. -webkit-border-radius: 3px;
  1482. -moz-border-radius: 3px;
  1483. -khtml-border-radius: 3px;
  1484. border-radius: 3px;
  1485. margin-bottom:13px;
  1486. padding:0 19px
  1487. }
  1488. .checkout-heading span { float:left}
  1489. .checkout-heading a {
  1490. color:#7f7f7f;font:14px/37px 'PTSansRegular';
  1491. float: right;
  1492. margin-top: 1px;
  1493. font-weight: normal;
  1494. }
  1495. .checkout-content {
  1496. padding: 8px 0px 35px 0px;
  1497. display: none;
  1498. overflow: hidden;
  1499. }
  1500. .checkout-content .left {
  1501. float: left;
  1502. width: 48%;
  1503. margin-right:34px
  1504. }
  1505. .checkout-content .right {
  1506. float: left;
  1507. }
  1508. .checkout-content textarea { margin-top:8px}
  1509. .checkout-content h2 { margin-bottom:12px}
  1510. .checkout-content p { margin-bottom:8px; }
  1511. .checkout-content .left p span { font-size:11px}
  1512. .checkout-content .left label { display:block; margin:-2px 0 4px 0; cursor: default;}
  1513. .checkout-content .left span span { background:none; height:auto; padding:0}
  1514. .checkout-content input[type="radio"], .checkout-content input[type="checkbox"] { margin-left:0}
  1515. .checkout-content .right .boss_button { float:left}
  1516. .checkout-content .right a { float:left; color:#7f7f7f; font-size:11px; padding:10px 0 0 11px}
  1517. .checkout-content .right b { display:block; margin-bottom:8px; color:#5d5d5d}
  1518. .checkout-content .right input { margin-bottom:6px}
  1519. .checkout-content .right input[type="password"]{ margin-bottom:10px}
  1520. .checkout-content .payment .right { float:right}
  1521. .checkout-content .buttons {
  1522. clear: both; margin-bottom:0
  1523. }
  1524. .checkout-product table {
  1525. width: 100%;
  1526. border-collapse: collapse;
  1527. border-top: 1px solid #dcdcdc;
  1528. border-left: 1px solid #dcdcdc;
  1529. border-right: 1px solid #dcdcdc;
  1530. margin-bottom: 20px;
  1531. }
  1532. .checkout-product td {
  1533. padding: 7px;
  1534. }
  1535. .checkout-product thead td { color:#000;font:14px 'PTSansRegular'; border-bottom:1px solid #dcdcdc}
  1536. .checkout-product tfoot td b { color:#5d5d5d; font-weight:normal}
  1537. .checkout-product tbody .name a { color:#242424; font-weight:bold}
  1538. .checkout-product thead .name, .checkout-product thead .model {
  1539. text-align: left;
  1540. }
  1541. .checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
  1542. text-align: right;
  1543. }
  1544. .checkout-product tbody td {
  1545. vertical-align: top;
  1546. border-bottom: 1px solid #dcdcdc;
  1547. }
  1548. .checkout-product tbody .name, .checkout-product tbody .model {
  1549. text-align: left;
  1550. }
  1551. .checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
  1552. text-align: right;
  1553. }
  1554. .checkout-product tfoot td {
  1555. text-align: right;
  1556. border-bottom: 1px solid #dcdcdc;
  1557. }
  1558. #payment-address .checkout-content .left, #payment-address .checkout-content .right{ color:#5d5d5d;}
  1559. #payment-address b { font-weight:normal}
  1560. #payment-address .checkout-content input, #shipping-address .checkout-content input{ margin:6px 0 7px}
  1561. #payment-address .checkout-content input[type="button"], #shipping-address .checkout-content input[type="button"]{ margin:0}
  1562. #payment-address select.large-field{margin:6px 0 7px; width:248px}
  1563. #payment-address .checkout-content .left h2 { margin-top: 58px;padding-top: 55px;}
  1564. #payment-address .checkout-content .left h2:first-child { margin-top:0; padding-top:0}
  1565. #payment-address .checkout-content input[type="checkbox"]{ margin-right:8px}
  1566. #payment-address .checkout-content a { font-weight:normal; color:#7f7f7f}
  1567. #payment-address .checkout-content td { padding:0}
  1568. #payment-address .checkout-content td:first-child ,
  1569. #shipping-address .checkout-content td:first-child{ padding-top:12px; width:170px}
  1570. #shipping-address .checkout-content td:first-child { padding-top:15px}
  1571.  
  1572. #shipping-method table.radio tr td:first-child input, #payment-method table.radio tr td:first-child input{ margin-top:-2px}
  1573.  
  1574. #payment-method .checkout-content .left { width:100%}
  1575.  
  1576. .payment div.right input.button { float:left}
  1577.  
  1578.  
  1579. .boss_contact input[type="text"], .boss_contact input[type="password"], .boss_contact textarea{ margin:5px 0; width:238px!important}
  1580. .contact-info {
  1581. overflow: auto;
  1582. }
  1583. .contact-info .left {
  1584. float: left;
  1585. width: 48%;
  1586. }
  1587. .contact-info .right {
  1588. float: left;
  1589. width: 48%;
  1590. }
  1591. #content .contact-info .content { padding:10px 0;overflow: hidden;}
  1592. .sitemap-info {
  1593. overflow: auto;
  1594. margin-bottom: 40px;
  1595. }
  1596. .sitemap-info .left {
  1597. float: left;
  1598. width: 48%;
  1599. }
  1600. .sitemap-info .right {
  1601. float: left;
  1602. width: 48%;
  1603. }
  1604. .sitemap-info a { color:#7f7f7f}
  1605. .sitemap-info li ul { padding-left:20px}
  1606.  
  1607. /* footer */
  1608.  
  1609. #footer {
  1610. background:#f5f5f5 url('../image/bkg_footer.png') center top repeat-x;
  1611. clear: both;
  1612. overflow: hidden;
  1613. min-height: 100px;
  1614. padding: 20px 0 10px;
  1615.  
  1616. }
  1617. #footer h3 {
  1618. color: #333;
  1619. font:11px 'PTSansBold';
  1620. text-transform:uppercase;
  1621. margin-top: 0px;
  1622. margin-bottom: 9px;
  1623. font
  1624. }
  1625. #footer .column{
  1626. float: left;
  1627. min-height: 100px;
  1628. width:212px
  1629. }
  1630. #footer .column ul {}
  1631. #footer .column ul li {
  1632. margin-bottom: 9px;
  1633. }
  1634. #footer .column a {
  1635. font-size:11px;
  1636. color: #747474;
  1637. }
  1638. #footer .column a:hover {
  1639. text-decoration: underline;
  1640. }
  1641. #powered {
  1642. font-size:11px; color:#666;
  1643. padding:20px 0 56px;
  1644. clear: both;
  1645. }
  1646. .powered_bottom { float:right; }
  1647. .powered_top{float:left}
  1648. #powered a {font-size:11px; color:#666;}
  1649. #powered form { float:right; margin-left:20px;}
  1650. #powered form a{ color:#828282; font:bold 10px Arial; text-transform:uppercase; margin-left:5px; display:inline-block; width:24px; height:24px; line-height:25px;line-height:24px\0; text-align:center}
  1651. #powered form a:hover { text-decoration:none; cursor:pointer}
  1652. #language {
  1653. /*position: absolute;
  1654. top: 15px;
  1655. left: 320px;
  1656. width: 80px;
  1657. color: #999;
  1658. line-height: 17px;*/
  1659. }
  1660. #language img {
  1661. cursor: pointer;
  1662. margin-right: 5px;
  1663. }
  1664. #currency { }
  1665. #currency a {}
  1666. #currency a b, #language a.active, #language a:hover , #currency a:hover{
  1667. background:#000;color: #fff;
  1668. -webkit-border-radius: 15px;
  1669. -moz-border-radius: 15px;
  1670. -khtml-border-radius: 15px;
  1671. border-radius: 15px;
  1672. cursor:default
  1673. }
  1674. #currency a b {width:100%; height:100%; text-align:center;display:inline-block; font-weight:normal }
  1675. #currency a:hover b, #language a.active:hover{ text-decoration:none; cursor:default}
  1676. #static-footer-top { overflow:hidden}
  1677. .block-review {
  1678. border:1px solid #dcdcdb;border-bottom:1px solid #cbcbca; background:#fff url('../image/bkg_block-footer.png') center bottom repeat-x; overflow:hidden;padding:19px 0 10px 19px;
  1679. -webkit-border-radius: 3px;
  1680. -moz-border-radius: 3px;
  1681. -khtml-border-radius: 3px;
  1682. border-radius: 3px;
  1683. }
  1684. .block-review .one-review { float:left; width:49%; padding:0}
  1685. .block-review .one-review:first-child {margin-right:10px}
  1686. .block-review .one-review .boss_img {
  1687. background: url('../image/bkg_img.png') left 0 no-repeat;float:left; height: 70px;padding: 3px 2px 2px 3px;width: 62px;margin-right:8px;
  1688. -webkit-border-radius: 3px;
  1689. -moz-border-radius: 3px;
  1690. -khtml-border-radius: 3px;
  1691. border-radius: 3px;
  1692. }
  1693. .block-review .one-review img {
  1694. width:61px; height:61px;
  1695. -webkit-border-radius: 3px;
  1696. -moz-border-radius: 3px;
  1697. -khtml-border-radius: 3px;
  1698. border-radius: 3px;
  1699. }
  1700. .block-review .info { display:block; overflow:hidden;background: url('../image/icon_text.png') left 0 no-repeat; padding:4px 3px 0 26px; color:#5b5b5b; margin-top:4px }
  1701. .block-review .info p { margin-bottom:5px}
  1702. .block-review .info p.author { text-transform:uppercase; font:bold 11px Arial; color:#333333}
  1703. .block-review .info p.author span { color:#02adec}
  1704.  
  1705. #static-footer-top div.block-review + div { text-align:center; font-size:11px; color:#747474; padding:21px 100px 25px; border-bottom:1px solid #bfbfbf; margin-bottom:27px }
  1706. #static-footer-top div.block-review + div h3 { font:14px 'PTSansBold'; color:#454545; text-transform:uppercase; margin-bottom:13px}
  1707. #static-footer-top div.block-review + div a {font-size:11px; color:#747474; display:inline; padding:0 5px 5px; line-height:18px }
  1708.  
  1709. #static-footer-bottom { width:446px; float:left}
  1710. #static-footer-bottom .payment, #static-footer-bottom .about-us { float:left; width:50%}
  1711. #static-footer-bottom a { display:inline-block; margin:0 5px 7px 0 }
  1712. #static-footer-bottom .about-us p { margin-bottom:5px}
  1713. #static-footer-bottom .about-us p a { color:#0b9ec9; text-transform:uppercase; font:bold 10px Arial;background: url('../image/icon_find.png') right center no-repeat; padding-right:20px }
  1714. #static-footer-bottom .about-us ul li { float:left}
  1715.  
  1716. /* banner */
  1717. .banner div {
  1718. text-align: center;
  1719. width: 100%;
  1720. display: none;
  1721. }
  1722. .banner div img {
  1723. margin-bottom: 24px;
  1724. }
  1725. #banner1 { padding-top:27px}
  1726.  
  1727. /*boss_account left */
  1728. .boss_account { margin-bottom:20px}
  1729. .boss_account ul{ margin-top:14px}
  1730. .boss_account li { padding:5px 0}
  1731. .boss_account li a { color:#5d5d5d; font-weight:bold}
  1732. .boss_account li a:hover , .boss_account li a.active { color:#0b9ec9; text-decoration:none}
  1733. .boss_account li a.active { cursor:default}
  1734. /*boss_myaccount*/
  1735. #content.boss_myaccount .content{ padding-top:6px; margin-bottom:30px}
  1736. #content.boss_myaccount .columns { width:48%}
  1737. .boss_myaccount ul li { margin:2px 0 9px}
  1738. .boss_myaccount ul li a { color:#7f7f7f}
  1739.  
  1740. .group-banner-home { clear:both; float:left; margin:5px 0 40px}
  1741. .group-banner-home .group-left{float:left; width:700px; margin-right:14px}
  1742. .group-banner-home .group-right{float:left; margin-right:-6px}
  1743. .group-banner-home a { display:inline-block; }
  1744. .group-banner-home .group-left a:first-child {margin:0 12px 0 -6px }
  1745. .group-banner-home .group-left .banner-home-3 { margin:-3px 0 0 -3px}
  1746. .group-banner-home .group-right .banner-home-4 { }
  1747. .banner-mid-home { margin-bottom:30px; overflow:hidden}
  1748. .banner-mid-home a { margin-right:9px; vertical-align:middle; display: inline;float:left}
  1749. .banner-mid-home a.banner-mid-home-2 { margin-right:0}
  1750.  
  1751. .boss_featared .product-grid {overflow:hidden }
  1752. .box.boss_featared .box-heading, #boss_filter_category.box .box-heading { border:none; text-align:center; margin-bottom:34px;font:400 24px 'PTSansBold' }
  1753. .boss_featared .product-grid > div.one-product { width:168px; margin: 0 26px 0 0;padding-right:30px; border-right:1px solid #e7e7e7; height:250px}
  1754. .boss_featared .product-grid > div.last { margin-right:0; padding-right:0;border-right:0}
  1755.  
  1756. .slideshow { width:64.3%; float:left; margin-right:18px}
  1757. .static-shop-by { float:left; background: url('../image/bkg_right_slide.png') left 0 repeat;padding:33px 0 0 0;width:34%;text-align:center;
  1758. -webkit-border-radius: 3px;
  1759. -moz-border-radius: 3px;
  1760. -khtml-border-radius: 3px;
  1761. border-radius: 3px;}
  1762. .static-shop-by ul { float:left; margin:35px 0 14px; text-align:left}
  1763. .static-shop-by ul.boss_first { margin-right:14px;margin-left:31px}
  1764. .static-shop-by ul li{ margin-bottom:15px}
  1765. .static-shop-by ul li a{ background:url("../image/icon_li_active.png") no-repeat scroll left center; padding-left:15px;display:inline-block }
  1766. .static-shop-by ul li a:hover{ background:url("../image/icon_li_active_b.png") no-repeat scroll left center;text-decoration:none; color:#000}
  1767.  
  1768. .static-shop-by .shop_by_2 {display: block; margin-bottom: -3px; clear:both}
  1769.  
  1770.  
  1771.  
  1772. .login-content.affiliate { margin-top:0}
  1773. .login-content.affiliate .right span.boss_button { float:left; margin:10px 10px 0 0}
  1774. .login-content.affiliate .right a { padding-top:19px}
  1775.  
  1776.  
  1777. p.check_search { margin-bottom:5px}
  1778. p.check_search input[type="text"] { margin: 5px 0;}
  1779. p.check_search select {width: 246px; margin: 0 0 15px;}
  1780.  
  1781.  
  1782. @font-face {
  1783. font-family: 'PTSansBold';
  1784. src: url('../fonts/ptsans/PTS75F.eot');
  1785. src: url('../fonts/ptsans/PTS75F.eot?#iefix') format('embedded-opentype'),
  1786. url('../fonts/ptsans/PTS75F.woff') format('woff'),
  1787. url('../fonts/ptsans/PTS75F.ttf') format('truetype'),
  1788. url('../fonts/ptsans/PTS75F.svg#PTSansBold') format('svg');
  1789. font-weight: normal;
  1790. font-style: normal;
  1791.  
  1792. }
  1793. /*
  1794. @font-face {
  1795. font-family: 'PTSansBold';
  1796. src: url('../fonts/PTS75F-webfont.eot');
  1797. src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
  1798. url('../fonts/PTS75F-webfont.woff') format('woff'),
  1799. url('../fonts/PTS75F-webfont.ttf') format('truetype'),
  1800. url('../fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
  1801. font-weight: normal;
  1802. font-style: normal;
  1803.  
  1804. }*/
  1805. @font-face {
  1806. font-family: 'PTSansRegular';
  1807. src: url('../fonts/PTS55F-webfont.eot');
  1808. src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
  1809. url('../fonts/PTS55F-webfont.woff') format('woff'),
  1810. url('../fonts/PTS55F-webfont.ttf') format('truetype'),
  1811. url('../fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
  1812. font-weight: normal;
  1813. font-style: normal;
  1814.  
  1815. }
  1816. /*register*/
  1817. h2.boss_title {font:normal 20px 'PTSansBold'; margin-bottom:22px; color:#000; text-transform:none}
  1818. .register {}
  1819. .register h2{ color:#000; text-transform:uppercase; font-size:11px}
  1820. #content .register .content { padding-top:0; margin-bottom:7px}
  1821. #content .register table.form td { color:#5d5d5d; font-weight:bold}
  1822. #content .register table.form td:first-child { width:127px}
  1823. #content .register input[type="text"], #content .register input[type="password"], #content .register textarea { width:356px}
  1824. #content .register select { width:365px}
  1825. #content .register .content.boss_newletter{ margin:0}
  1826. .boss_newletter table.form { margin:0}
  1827. #content .register .boss_button{ margin-top:17px}
  1828. #content .register .buttons, #content .register .buttons a b, a b { color:#5d5d5d; font-weight:normal}
  1829.  
  1830.  
  1831. /*catelogy*/
  1832. .boss_label { background: url('../image/i_saleoff.png') left 0 no-repeat; width:44px; height:47px; position:absolute; top:10px; left:10px ; text-indent:-9999px }
  1833. .price, .total { color:#ff0000; font:bold 12px Arial}
  1834.  
  1835. .container {z-index:6}
  1836. input, input:active, input:focus, :visit{overflow: visible;}
  1837. input[type="radio"], input[type="checkbox"] { vertical-align:-2px; margin-left:0; margin-right:5px; margin-left:-3px\0!important}
  1838.  
  1839. @media screen and (-webkit-min-device-pixel-ratio:0)
  1840. {
  1841. #header #cart .content { top:34px}
  1842. .container { position:static!important}
  1843. .boss_header_1{ position:relative!important}
  1844. #column-left + #column-right + #content, #column-left + #content {overflow: visible;}
  1845. .boss_button input.button { padding:9px 16px 10px 12px ;}
  1846. .flex-viewport { width:695px}
  1847. .hc-es-carousel ul li { width:199px!important; margin-right:21px!important}
  1848. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement