Guest User

Untitled

a guest
Nov 23rd, 2017
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.90 KB | None | 0 0
  1. @charset "UTF-8";
  2. /* CSS Document */
  3.  
  4.  
  5. /*clear browser settings*/
  6. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  7.  
  8. html, body, img, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
  9. margin: 0;
  10. padding: 0;
  11. border: 0;
  12. }
  13. a {
  14. outline:none;
  15. }
  16. a:focus {
  17. outline: none;
  18. }
  19. a:active {
  20. outline: none;
  21. }
  22. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  23. /*GLOBAL ELEMENTS*/
  24. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  25.  
  26. html {
  27. background: transparent url(../../Content/NEW_CONTENT/global/patcraft_BG.png) repeat left top;
  28. }
  29. body {
  30. background: transparent url(../../Content/NEW_CONTENT/global/patcraft_pgBG.png) repeat-x left top;
  31. font-family: Arial, sans-serif;
  32. color: #373534;
  33. }
  34. #wrapper {
  35. display:block;
  36. width: 980px;
  37. padding: 0px;
  38. margin: 0px auto 10px auto;
  39. }
  40. #contentArea {
  41. padding: 70px 0px 0px 0px;
  42. width: 960px;
  43. margin: 0px auto;
  44. position: relative;
  45. z-index: 1;
  46. background-color: #ffffff;
  47. -moz-box-shadow: 0px 0px 25px #444444;
  48. -webkit-box-shadow: 0px 0px 25px #444444;
  49. box-shadow: 0px 0px 25px #444444;
  50. }
  51. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  52. /*HOME PAGE*/
  53. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  54. #contentAreaHome {
  55. padding: 70px 0px 0px 0px;
  56. width: 960px;
  57. overflow: hidden;
  58. margin: 0px auto;
  59. position: relative;
  60. z-index: 1;
  61. background-color: #ffffff;
  62. -moz-box-shadow: 0px 0px 25px #444444;
  63. -webkit-box-shadow: 0px 0px 25px #444444;
  64. box-shadow: 0px 0px 25px #444444;
  65. }
  66. #footerAds {
  67. width: 960px;
  68. }
  69. #footerAds img {
  70. display: inline;
  71. float: left;
  72. }
  73. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  74. /*HEADER*/
  75. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  76.  
  77. #header {/*wraper for header content*/
  78. display: block;
  79. width: 980px;
  80. height: 124px;
  81. position: absolute;
  82. top: 0px;
  83. z-index: 900;
  84. background-image:url(../../Content/NEW_CONTENT/global/patcraft_header.png);
  85. background-repeat:no-repeat;
  86. background-position: 10px 0px;
  87. }
  88. *+html #header {
  89. background-position: 0px 0px;
  90. }
  91. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  92. .headerUtilityNav {/*wrapper for nav that contains cart, login, etc*/
  93. display: block;
  94. margin: 15px 15px 0px 0px;
  95. }
  96. .headerUtilityNavLeft {/*nav that contains cart, login, etc*/
  97. float: right;
  98. color: #cccccc;
  99. font-size: 11px;
  100. padding: 5px 0px 0px 5px;
  101. width: 340px;
  102. }
  103. .headerUtilityNavLeft_cart {
  104. float: left;
  105. margin: -4px 2px 0px 0px;
  106. }
  107. .headerUtilityNavLeft a {
  108. text-decoration: none;
  109. color: #666666;
  110. padding: 0px 5px;
  111. }
  112. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  113. .headerUtilityNavRight {/*wrapper for keyword search area*/
  114. float: right;
  115. color: #ffffff;
  116. width: 210px;
  117. font-size: 12px;
  118. }
  119. .headerUtilityNavRight input.text {
  120. color: #666666;
  121. font-size: 11px;
  122. width: 165px;
  123. height: 18px;
  124. float: left;
  125. border: none;
  126. -webkit-border-radius: 0px;
  127. -moz-border-radius: 0px;
  128. border-radius: 0px;
  129. padding: 2px;
  130. margin: 0px 0px 0px 5px;
  131. background: transparent url(../../Content/global/search_bg.png) no-repeat left top;
  132. }
  133. .headerUtilityNavRight input.text:focus {
  134. color: #666666;
  135. font-size: 11px;
  136. width: 165px;
  137. height: 18px;
  138. border: none;
  139. -webkit-border-radius: 0px;
  140. -moz-border-radius: 0px;
  141. border-radius: 0px;
  142. padding: 2px;
  143. margin: 0px 0px 0px 5px;
  144. background: transparent url(../../Content/global/search_bg.png) no-repeat left top;
  145. }
  146. .headerUtilityNavRight button {
  147. width: 22px;
  148. height: 22px;
  149. float: left;
  150. padding: 0px;
  151. border: none;
  152. cursor: pointer;
  153. text-indent: -9999px;
  154. background: transparent url(../../Content/global/search_bg.png) no-repeat top right;
  155. }
  156. .headerUtilityNavRight form {
  157. display: inline;
  158. float: right;
  159. margin: 0px;
  160. padding: 0px;
  161. width: 210px;
  162. }
  163. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  164. #headerMainNav {/*wrapper for main site navigation*/
  165. display: block;
  166. clear: both;
  167. width: 750px;
  168. top: 38px;
  169. position: absolute;
  170. margin: 0px 0px 0px 135px;
  171. }
  172. #nav {/*styling and controls for navigation dropdown menu*/
  173. margin:0;
  174. padding:0;
  175. list-style:none;
  176. position: relative;
  177. z-index: 90000000;
  178. }
  179. #nav li {/*styling and controls for navigation dropdown menu*/
  180. float:left;
  181. display:block;
  182. position:relative;
  183. z-index: 90000000;
  184. margin:0 1px;
  185. font-size: 12px;
  186. text-transform: uppercase;
  187. }
  188. #nav li li {/*styling and controls for navigation dropdown menu*/
  189. float:left;
  190. display:block;
  191. background:#393939;
  192. position:relative;
  193. z-index:500000000000;
  194. margin:0 1px;
  195. text-transform: none;
  196. font-size: 12px;
  197. }
  198. #nav li a {/*styling and controls for navigation dropdown menu*/
  199. display:block;
  200. padding:3px 20px 0px 20px;
  201. font-weight:normal;
  202. height:23px;
  203. text-decoration:none;
  204. color:#666666;
  205. margin: 8px 0px 0px 0px;
  206. text-align:left;
  207. }
  208. #nav li a:hover {/*styling and controls for navigation dropdown menu*/
  209. color:#ffffff;
  210. background: transparent url(../../Content/NEW_CONTENT/global/nav_hoverBG.png) repeat-x left top;
  211. }
  212. #nav li li a:hover {/*styling and controls for navigation dropdown menu*/
  213. color:#ffffff;
  214. background: none;
  215. }
  216. #nav li a.active {/*styling and controls for navigation dropdown menu*/
  217. color:#ffffff;
  218. background: transparent url(../../Content/NEW_CONTENT/global/nav_hoverBG.png) repeat-x left top;
  219. }
  220. #nav ul {/*styling and controls for navigation dropdown menu*/
  221. position:absolute;
  222. left:0;
  223. display:none;
  224. margin:-2px 0 0 -8px;
  225. padding:0;
  226. z-index: 90000000;
  227. list-style:none;
  228. }
  229. #nav ul li {/*styling and controls for navigation dropdown menu*/
  230. float:left;
  231. border-top:1px solid #565751;
  232. }
  233. #nav .productsUL li {/*styling and controls for navigation dropdown menu*/
  234. width: 170px;
  235. margin: 0px 0px 0px 8px;
  236. }
  237. #nav ul a {/*styling and controls for navigation dropdown menu*/
  238. display:block;
  239. height:15px;
  240. padding: 8px;
  241. color:#ababab;
  242. }
  243. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  244. /*PRODUCT LANDING - SEARCH PAGE*/
  245. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  246. #productlandingHeader {
  247. display: block;
  248. float: left;
  249. width: 960px;
  250. height: 140px;
  251. background: #373634;
  252. background-image:url(../../Content/NEW_CONTENT/search/search_bg.png);
  253. background-repeat: no-repeat;
  254. background-position: 0px 0px;
  255. }
  256. #productlandingHeader h1 {
  257. margin: 25px 0px 0px 145px;
  258. font-size: 30px;
  259. color: #ffffff;
  260. font-weight: 500;
  261. font-family: "kulturista-web-1", "kulturista-web-2", serif;
  262. }
  263. #productlandingHeader h2 {
  264. margin: 0px 0px 15px 145px;
  265. font-size: 14px;
  266. color: #ffffff;
  267. }
  268. #productlandingHeaderForms {
  269. margin: 10px 20px 0px 135px;
  270. width: 700px;
  271. }
  272. #productlandingHeaderForms form {
  273. float: left;
  274. margin: 0px 12px 0px 0px;
  275. }
  276. .catalogLink {
  277. float: left;
  278. width: 182px;
  279. height: 29px;
  280. display: block;
  281. margin: 0px 20px 0px 0px;
  282. }
  283. .catalogLink input {
  284. font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  285. border: none;
  286. text-transform: uppercase;
  287. display: block;
  288. float: right;
  289. width: 182px;
  290. height: 29px;
  291. padding: 3px 0px 10px 30px;
  292. font-size: 11px;
  293. text-align: left;
  294. color: #5a6369;
  295. text-decoration: none;
  296. cursor: pointer;
  297. cursor: hand;
  298. margin: 0px 0px 0px 12px;
  299. background-color: transparent;
  300. background-image:url(../../Content/NEW_CONTENT/search/catalog_button.png);
  301. background-repeat: no-repeat;
  302. }
  303. #productlandingColorways {
  304. margin: 0px auto;
  305. width: 810px;
  306. }
  307. #productlandingColorways .title {
  308. clear: both;
  309. font-weight: bold;
  310. display: block;
  311. width: 940px;
  312. color: #333333;
  313. font-size: 14px;
  314. float: left;
  315. margin: 25px 0px 0px 0px;
  316. }
  317. #productlandingColorways .title a {
  318. text-decoration: none;
  319. color: #333333;
  320. }
  321. .productlandingAdvancedResultsTwo_Color {
  322. display: block;
  323. width: 75px;
  324. float: left;
  325. height: 90px;
  326. margin:5px 15px 0px 0px;
  327. }
  328. .productlandingAdvancedResultsTwo_ColorTitle {
  329. display: block;
  330. width: 74px;
  331. height: 24px;
  332. line-height: 18px;
  333. font-size: 12px;
  334. font-weight: normal;
  335. color: #363533;
  336. padding: 0px;
  337. }
  338. .productlandingAdvancedResultsTwo_ColorTitle b {
  339. color: #5a6369;
  340. float: right;
  341. width: 52px;
  342. font-weight: normal;
  343. }
  344. .productlandingAdvancedResultsTwo_ColorTitle .checker {
  345. float: left;
  346. display: block;
  347. width: 20px;
  348. margin: 0px 0px 0px 0px;
  349. }
  350. #productlandingAdvancedResultsLink input {
  351. clear: both;
  352. display: block;
  353. width: 152px;
  354. height: 33px;
  355. float: right;
  356. border: 1px solid #ededed;
  357. background-color: #ededed;
  358. color: #ffffff;
  359. text-transform: uppercase;
  360. font-size: 10px;
  361. font-weight: bold;
  362. text-align: left;
  363. padding: 0px 0px 3px 8px;
  364. margin: 0px 120px 20px 0px;
  365. cursor: hand;
  366. line-height: 30px;
  367. cursor: pointer;
  368. background-image:url(../../Content/NEW_CONTENT/search/getresults.png);
  369. }
  370. #productlandingAdvancedResults {
  371. display: block;
  372. clear: both;
  373. border-top: 1px solid #d5d5d5;
  374. background: #ededed;
  375. padding: 20px 0px;
  376. }
  377. #productlandingAdvancedResults span {
  378. font-size: 14px;
  379. font-weight: bold;
  380. margin: 0px 20px 0px 5px;
  381. display: block;
  382. }
  383. #productlandingAdvancedResults span a {
  384. font-size: 14px;
  385. text-decoration: none;
  386. font-weight: normal;
  387. color: #3f8bad;
  388. margin: 0px 0px 0px 5px;
  389. }
  390. .productlandingAdvancedResults_one {
  391. display: block;
  392. float: left;
  393. width: 250px;
  394. margin: 0px 0px 0px 80px;
  395. height: 235px;
  396. background: url(../../Content/NEW_CONTENT/search/search_new_divide.png);
  397. background-position: top right;
  398. background-repeat: no-repeat;
  399. padding: 10px 10px 0px 0px;
  400. }
  401. .productlandingAdvancedResults_two {
  402. display: block;
  403. float: left;
  404. width: 250px;
  405. margin: 0px 0px 0px 30px;
  406. height: 235px;
  407. padding: 10px 10px 0px 0px;
  408. background: url(../../Content/NEW_CONTENT/search/search_new_divide.png);
  409. background-position: top right;
  410. background-repeat: no-repeat;
  411. }
  412. .productlandingAdvancedResults_three {
  413. display: block;
  414. float: left;
  415. width: 250px;
  416. margin: 0px 0px 0px 30px;
  417. height: 235px;
  418. padding: 10px 0px 0px 0px;
  419. }
  420. .productlandingAdvancedResults_one label {
  421. font-size: 10px;
  422. font-weight: bold;
  423. text-transform: uppercase;
  424. }
  425. .productlandingAdvancedResults_one b, .productlandingAdvancedResults_two b, .productlandingAdvancedResults_three b {
  426. display: block;
  427. font-size: 12px;
  428. text-transform: uppercase;
  429. margin: 10px 0px 5px 0px;
  430. }
  431. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  432. /*SEARCH RESULTS*/
  433. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  434. #searchresultsWrapper {
  435. background:url(../../Content/NEW_CONTENT/search/searchresults_col.png);
  436. background-repeat: repeat-y;
  437. }
  438. #searchresultsLeft {
  439. display: block;
  440. width: 275px;
  441. top: 210px;
  442. float: left;
  443. }
  444. .colorRangesLEFT {
  445. float: left;
  446. padding: 0px 10px 10px 0px;
  447. }
  448. #searchresultsLeft label {
  449. display: block;
  450. color: #5a6369;
  451. font-size: 11px;
  452. padding: 0px 0px 5px 5px;
  453. }
  454. #searchresultsLeft_narrowresults {
  455. display: block;
  456. clear: both;
  457. background: #ffffff;
  458. margin: 0px 0px 10px 0px;
  459. border-bottom: 1px solid #e4e4e4;
  460. }
  461. #searchLEFTpadding {
  462. padding: 10px 0px 0px 25px;
  463. }
  464. #searchresultsLeft h1 {
  465. font-size: 15px;
  466. margin: 0px;
  467. line-height: 26px;
  468. color: #88863f;
  469. text-transform: uppercase;
  470. padding: 8px 0px 2px 25px;
  471. }
  472. #searchresultsLeft div.selector {
  473. width: 230px;
  474. }
  475. #searchresultsLeft h1 span {
  476. font-size: 10px;
  477. font-weight: normal;
  478. color: #5a6369;
  479. text-transform: none;
  480. }
  481. #searchresultsLeft h2 {
  482. font-size: 12px;
  483. margin: 0px;
  484. clear: both;
  485. margin: 5px 0px 0px 0px;
  486. padding: 0px 0px 10px 5px;
  487. }
  488. #searchresultsHeader {
  489. top: 208px;
  490. margin: 0px 0px 0px -10px;
  491. border-bottom: 1px solid #e4e4e4;
  492. width: 685px;
  493. clear: both;
  494. position: absolute;
  495. height: 39px;
  496. }
  497. #searchresultsHeader_forms {
  498. font-size: 15px;
  499. margin: 0px;
  500. color: #88863f;
  501. text-transform: uppercase;
  502. font-weight: bold;
  503. float: left;
  504. margin: 10px 0px 0px 10px;
  505. }
  506. #searchresultsHeader_pag {
  507. float: right;
  508. font-size: 11px;
  509. margin: 15px 20px 0px 0px;
  510. color: #666666;
  511. }
  512. #searchresultsHeader_pag a {
  513. color: #666666;
  514. text-decoration: none;
  515. font-weight: bold;
  516. }
  517. #searchresultsRight {
  518. display: block;
  519. min-height: 1100px;
  520. border-top: 38px solid #ededed;
  521. width: 675px;
  522. float: right;
  523. margin: 0px;
  524. padding: 0px 0px 40px 10px;
  525. }
  526. .searchresultsRightTile {
  527. display: block;
  528. width: 140px;
  529. height: 160px;
  530. float: left;
  531. padding: 0px;
  532. margin: 30px 0px 0px 22px;
  533. font-size: 10px;
  534. color: #666666;
  535. font-weight: bold;
  536. text-transform: uppercase;
  537. }
  538. .searchresultsRightTile a {
  539. text-decoration: none;
  540. color: #000000;
  541. }
  542. .searchresultsRightTile span {
  543. display: none;
  544. color: #666666;
  545. }
  546. .searchresultsRightTile img {
  547. display: block;
  548. clear: both;
  549. width: 130px;
  550. height: 130px;
  551. padding: 0px 0px 4px 0px;
  552. }
  553.  
  554. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  555. /*PRODUCT DETAILS VIEW*/
  556. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  557. #productdetailLeft {
  558. display: block;
  559. width: 481px;
  560. height: 707px;
  561. float: left;
  562. }
  563. #productdetailsLeftMenu {
  564. display: block;
  565. width: 470px;
  566. position: absolute;
  567. height: 48px;
  568. padding: 2px 0px 0px 10px;
  569. margin: 26px 0px 0px -1px;
  570. background-position: -30px 0px;
  571. background-image:url(../../Content/NEW_CONTENT/productdetails/topbar.png);
  572. font-size: 11px;
  573. color: #959393;
  574. color: #ffffff;
  575. font-size: 12px;
  576. z-index: 1;
  577. }
  578. #productdetailsLeftMenu a {
  579. color: #ffffff;
  580. }
  581. .productdetailsLeftMenu_zoom {
  582. float: left;
  583. display: block;
  584. padding: 8px 8px 8px 8px;
  585. text-align: center;
  586. height: 20px;
  587. }
  588. .productdetailsLeftMenu_zoom img {
  589. padding: 2px 2px;
  590. }
  591. .productdetailsLeftMenu_view {
  592. float: left;
  593. color: #fca83e;
  594. font-weight: bold;
  595. text-transform: capitalize;
  596. display: block;
  597. padding: 8px 8px;
  598. text-align: center;
  599. height: 20px;
  600. line-height: 20px;
  601. margin: 0px 0px 0px 50px;
  602. }
  603. .productdetailsLeftMenu_view a {
  604. text-decoration: none;
  605. font-weight: normal;
  606. }
  607. .productdetailsLeftMenu_install {
  608. float: left;
  609. display: block;
  610. padding: 8px 8px;
  611. text-align: center;
  612. height: 20px;
  613. width: 92px;
  614. line-height: 20px;
  615. }
  616. #downloadHighRes a {
  617. position: absolute;
  618. z-index: 104;
  619. margin: 640px 0px 0px 15px;
  620. background-image:url(../../Content/NEW_CONTENT/productdetails/download_hires.png);
  621. padding: 6px 15px 10px 15px;
  622. background-repeat: no-repeat;
  623. background-position: top left;
  624. display: block;
  625. width: 140px;
  626. font-weight: bold;
  627. color: #fff;
  628. text-decoration: none;
  629. font-size: 12px;
  630. }
  631. #menu {
  632. position:absolute;
  633. z-index: 10000000000000000;
  634. top: 105px;
  635. text-transform: capitalize;
  636. margin: 0px 0px 0px 290px;
  637. }
  638. #menu ul .item {
  639. display:none;
  640. }
  641. #menu ul .top img {
  642. padding: 0px 0px 0px 4px;
  643. }
  644. #menu ul:hover .item {
  645. display:block;
  646. width: 150px;
  647. background-image:url(../../Content/NEW_CONTENT/productdetails/drop.png);
  648. padding:8px 10px;
  649. background-position: 0px -1px;
  650. margin:0px 0px 0px 0px;
  651. opacity: .85;
  652. filter:alpha(opacity=85);
  653. }
  654. #menu ul:hover .item a {
  655. color:#fff;
  656. text-decoration:none;
  657. }
  658. #menu ul:hover .item a:hover {
  659. color:#999;
  660. }
  661. #menu ul {
  662. float:left;
  663. margin:0px;
  664. color: #DDDDDD;
  665. font-size: 12px;
  666. list-style:none;
  667. }
  668. #menu ul .item {
  669. width: 100px;
  670. }
  671. #menu ul .top {
  672. width: 94px;
  673. text-align:center;
  674. height: 28px;
  675. line-height: 22px;
  676. }
  677. #menu ul ul {
  678. margin: -4px 0px 0px -35px;
  679. }
  680. .productdetailsLeftMenu_reset {
  681. float: right;
  682. display: block;
  683. padding: 8px 8px 0px 20px;
  684. text-align: center;
  685. height: 20px;
  686. margin: 0px 10px 0px 0px;
  687. text-transform: capitalize;
  688. line-height: 20px;
  689. cursor: pointer;
  690. background-image:url(../../Content/NEW_CONTENT/productdetails/reset.png);
  691. background-repeat: no-repeat;
  692. background-position: 0px 8px;
  693. }
  694. #productdetailsLeftFooter {
  695. display: block;
  696. width: 469px;
  697. height: 24px;
  698. position: absolute;
  699. margin: 671px 0px 0px 10px;
  700. font-size: 11px;
  701. padding: 12px 0px 0px 10px;
  702. color: #FFFFFF;
  703. z-index: 100;
  704. }
  705. #productdetailRight {
  706. display: block;
  707. width: 479px;
  708. height: 707px;
  709. float: right;
  710. background-image:url(../../Content/NEW_CONTENT/global/grad_header.png);
  711. background-repeat: repeat-x;
  712. }
  713. #productdetailRightTop {
  714. display: block;
  715. width: 460px;
  716. margin: 0px auto;
  717. height: 100px;
  718. border-bottom: 1px dashed #c5c19d;
  719. }
  720. #productdetailRightTop_links {
  721. padding: 15px 15px 0px 5px;
  722. color: #22789c;
  723. float: right;
  724. width: 120px;
  725. text-align: right;
  726. font-size: 12px;
  727. }
  728. #productdetailRightTop_links a {
  729. padding: 0px 0px 0px 5px;
  730. font-weight: bold;float: right;
  731. color: #22789c;
  732. text-decoration: none;
  733. }
  734. #productdetailRightTop_links img {
  735. padding: 0px 0px 0px 10px;
  736. }
  737. #productdetailRightTop_info {
  738. padding: 0px;
  739. font-size: 16px;
  740. clear: both;
  741. line-height: 20px;
  742. padding: 0px 0px 0px 10px;
  743. color: #333333;
  744. font-weight: bold;
  745. text-transform: uppercase;
  746. }
  747. #productdetailRightTop_info b {
  748. font-weight: normal;
  749. font-size: 14px;
  750. margin: 0px 0px 0px 10px;
  751. }
  752. #productdetailRightTop_info img {
  753. float: left;
  754. padding: 5px 10px 0px 0px;
  755. }
  756. #productdetailRightTop_order {
  757. color: #ffffff;
  758. display: block;
  759. margin:-10px 0px 0px 0px;
  760. float: right;
  761. padding: 6px 40px 12px 12px;
  762. font-size: 10px;
  763. background-image:url(../../Content/NEW_CONTENT/productdetails/sample_link.png);
  764. background-repeat: no-repeat;
  765. }
  766. #productdetailRightTop_order a {
  767. color: #ffffff;
  768. text-decoration: none;
  769. }
  770. #productdetailRightTop_order b {
  771. font-size: 12px;
  772. text-transform: capitalize;
  773. padding: 0px 0px 4px 0px;
  774. display: block;
  775. clear: both;
  776. }
  777. #productdetailRightMid {
  778. display: block;
  779. width: 460px;
  780. margin: 0px auto;
  781. height: 200px;
  782. }
  783. #productdetailRightMid_colors {
  784. display: block;
  785. border-top: 1px dashed #c5c19d;
  786. padding: 10px 0px 0px 15px;
  787. }
  788. #productdetailRightMid_colors ul li {
  789. list-style-type: none;
  790. display: inline;
  791. }
  792. .productdetailRightMid_colorsTiles {
  793. float: left;
  794. display: block;
  795. width: 50px;
  796. font-size: 11px;
  797. margin: 0px 5px 0px 0px;
  798. color: #666666;
  799. }
  800. .productdetailRightMid_colorsTilesSELECTED {
  801. float: left;
  802. display: block;
  803. width: 50px;
  804. font-size: 11px;
  805. margin: 0px 5px 0px 0px;
  806. color: #666666;
  807. }
  808. .productdetailRightMid_colorsTiles img {
  809. width: 48px;
  810. height: 48px;
  811. }
  812. .productdetailRightMid_colorsTilesSELECTED img {
  813. border: 4px solid #f58026;
  814. width: 42px;
  815. height: 42px;
  816. margin: -1px 0px 0px -1px;
  817. }
  818. .productdetailRightMid_productTilesSELECTED {
  819. float: left;
  820. display: block;
  821. width: 50px;
  822. font-size: 11px;
  823. margin: 0px 5px 0px 0px;
  824. color: #666666;
  825. }
  826. .productdetailRightMid_productTilesSELECTED img {
  827. border: 4px solid #f58026;
  828. width: 42px;
  829. height: 42px;
  830. margin: -1px 0px 0px -1px;
  831. }
  832. .productdetailRightMid_productTiles {
  833. float: left;
  834. display: block;
  835. width: 50px;
  836. font-size: 11px;
  837. margin: 0px 5px 0px 0px;
  838. color: #666666;
  839. }
  840. .productdetailRightMid_productTiles img {
  841. width: 48px;
  842. height: 48px;
  843. }
  844. .productdetailRightMid_productTiles img {
  845. width: 45px;
  846. height: 45px;
  847. }
  848. #productdetailRightMid_pag {
  849. font-size: 10px;
  850. float: right;
  851. padding: 0px 20px 0px 0px;
  852. color: #666666;
  853. }
  854. #productdetailRightMid_pag a {
  855. color: #666666;
  856. text-decoration: none;
  857. font-weight: bold;
  858. }
  859. #productdetailRightMid_pag a.page_link {
  860. color: #457e81uuuu9;
  861. text-decoration: none;
  862. padding: 0px 3px;
  863. font-weight: normal;
  864. }
  865. #productdetailRightMid_pag a.active_page {
  866. color: #000000;
  867. text-decoration: none;
  868. padding: 0px 3px;
  869. font-weight: bold;
  870. }
  871. .productdetailRightMid_productHeader {
  872. font-size: 12px;
  873. float: left;
  874. margin: 0px 0px 6px 0px;
  875. font-weight: bold;
  876. }
  877. .productdetailRightMid_productHeader a {
  878. color: #457e81;
  879. text-decoration: underline;
  880. font-weight: normal;
  881. }
  882. #productdetailRightMid_product {
  883. display: block;
  884. padding: 10px 0px 15px 15px;
  885. }
  886. .productdetailRightMid_colorsHeader {
  887. font-size: 12px;
  888. float: left;
  889. margin: 0px 0px 6px 0px;
  890. font-weight: bold;
  891. }
  892.  
  893. #productdetailRightBtm ul{
  894.  
  895. background-image:url(../../Content/NEW_CONTENT/productdetails/details_overview.png);
  896. background-repeat: no-repeat;
  897. background-position: 0px 24px;
  898. display: block;
  899. clear: both;
  900. }
  901. #productdetailRightBtm ul li {
  902. list-style-type: none;
  903. line-height: 16px;
  904. font-size: 12px;
  905. padding: 3px 0px 6px 20px;
  906. }
  907. #productdetailRightBtm ul#specList li {
  908. display: block;
  909. clear: both;
  910. }
  911. #productdetailRightBtm ul li label {
  912. display: block;
  913. font-weight: bold;
  914. float: left;
  915. width: 120px;
  916. }
  917.  
  918. #productdetailRightBtm ul li span{
  919. display: block;
  920. float: right;
  921. width: 330px;
  922. height: 22px;
  923. }
  924. #productdetailRightBtm_links {
  925. padding: 12px 5px 0px 10px;
  926. color: #22789c;
  927. font-size: 12px;
  928. }
  929. #productdetailRightBtm_links a {
  930. padding: 0px 10px 0px 5px;
  931. font-weight: bold;
  932. color: #22789c;
  933. text-decoration: none;
  934. }
  935. #productdetailRightBtm_links img {
  936. padding: 0px 0px 0px 10px;
  937. }
  938. .productdetailRightBtm_links2 {
  939. padding: 0px 5px 20px 0px;
  940. color: #22789c;
  941. font-size: 12px;
  942. clear: both;
  943. }
  944. .productdetailRightBtm_links2 a {
  945. padding: 0px 10px 0px 5px;
  946. font-weight: bold;
  947. color: #22789c;
  948. text-decoration: none;
  949. }
  950. .productdetailRightBtm_links2 img {
  951. padding: 0px 0px 0px 10px;
  952. }
  953. #footerCallout {
  954. margin: 0px 0px -5px 0px;
  955. clear: both;
  956. display: block;
  957. width: 960px;
  958. }
  959. .clear {
  960. display: block;
  961. clear: both;
  962. }
  963. #productdetailRightBtm ul.tabs {
  964. margin: 0;
  965. padding: 0;
  966. float: left;
  967. list-style: none;
  968. height: 25px;
  969. width: 100%;
  970. }
  971. #productdetailRightBtm ul.tabs li {
  972. float: left;
  973. margin: 0;
  974. height: 28px;
  975. width: 159px;
  976. line-height: 30px;
  977. border-bottom: 5px solid #3f3d3e;
  978. border-left: none;
  979. padding: 0px;
  980. margin-bottom: -1px;
  981. background: #3f3d3e;
  982. overflow: hidden;
  983. position: relative;
  984. }
  985. #productdetailRightBtm ul.tabs li a {
  986. text-decoration: none;
  987. color: #e6e5e3;
  988. font-weight: bold;
  989. display: block;
  990. line-height: 32px;
  991. font-size: 11px;
  992. padding: 0px 0px 0px 20px;
  993. outline: none;
  994. }
  995. #productdetailRightBtm ul.tabs li a:hover {
  996. background: #2c2b2b;
  997. }
  998. html #productdetailRightBtm ul.tabs li.active, html #productdetailRightBtm ul.tabs li.active a {
  999. color: #fca83e;
  1000. border-bottom: 5px solid #2c2b2b;
  1001. }
  1002. html #productdetailRightBtm ul.tabs li.active, html #productdetailRightBtm ul.tabs li.active a:hover {
  1003. background: #2c2b2b;
  1004. color: #fca83e;
  1005. border-bottom: 5px solid #2c2b2b;
  1006. }
  1007. .relatedProducts {
  1008. margin: 5px 0px 0px 15px;
  1009. }
  1010. .relatedProductsTile {
  1011. display: block;
  1012. width: 55px;
  1013. height: 70px;
  1014. float:left;
  1015. font-size: 11px;
  1016. color: #666666;
  1017. }
  1018. .relatedProductsTile img {
  1019. width: 48px;
  1020. height: 48px;
  1021. }
  1022. .tab_container {
  1023. border-top: none;
  1024. clear: both;
  1025. float: left;
  1026. width: 100%;
  1027. }
  1028. .tab_content {
  1029. padding: 20px 0px 0px 0px;
  1030. }
  1031. .pancontainer {
  1032. position:relative; /*keep this intact*/
  1033. overflow:hidden; /*keep this intact*/
  1034. width:479px;
  1035. height:707px;
  1036. }
  1037. #loadingPanImage {
  1038. width: 100%;
  1039. height: 100%;
  1040. text-align: center;
  1041. vertical-align: middle;
  1042. line-height: 481px;
  1043. font-size: 481px;
  1044. }
  1045. *>#loadingPanImage {
  1046. font-size: 12pt;
  1047. }
  1048. .at15t_compact {
  1049. background-position: -500px -5000px !important;
  1050. }
  1051. .atclear {
  1052. display: none !important;
  1053. float: left !important;
  1054. }
  1055. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  1056. /*STATIC CONTENT - LANDING PAGES*/
  1057. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  1058. #static_landing {
  1059. display: block;
  1060. width: 960px;
  1061. height: 445px;
  1062. }
  1063. #static_landing_menu {
  1064. position: absolute;
  1065. display: block;
  1066. width: 245px;
  1067. padding: 55px 0px 5px 0px;
  1068. background-image:url(../../Content/NEW_CONTENT/static/marketsegments/static_submenu_bg.png);
  1069. }
  1070. .static_title {
  1071. display: block;
  1072. font-family: "kulturista-web-1", "kulturista-web-2", serif;
  1073. color: #ae9128;
  1074. line-height: 20px;
  1075. text-transform: capitalize;
  1076. font-size: 36px;
  1077. margin: 0px 0px 20px 30px;
  1078. }
  1079. .static_title span {
  1080. display: block;
  1081. text-transform: uppercase;
  1082. color: #cbcac8;
  1083. margin: 0px 0px 0px 50px;
  1084. font-size: 18px;
  1085. }
  1086. #static_landing_menu ul {
  1087. margin: 0px 0px 0px 0px;
  1088. }
  1089. #static_landing_menu ul li {
  1090. padding: 4px 0px 0px 0px;
  1091. background-image:url(../../Content/NEW_CONTENT/static/marketsegments/static_submenu_keyline.png);
  1092. background-repeat: no-repeat;
  1093. background-position: 3px top;
  1094. list-style: none;
  1095. }
  1096. #static_landing_menu ul li:hover {
  1097. background: #434142;
  1098. border-top: 1px solid #333;
  1099. margin: 0px 0px -1px 0px;
  1100. }
  1101. #static_landing_menu ul li a {
  1102. background: transparent;
  1103. width: 195px;
  1104. display: block;
  1105. padding: 6px 0px 8px 50px;
  1106. text-decoration: none;
  1107. color: #f2f2f2;
  1108. font-size: 12px;
  1109. }
  1110. #static_landing_menu ul li:hover a {
  1111. color: #ae9128
  1112. }
  1113. #static_landing_menu ul li.current {
  1114. border-top: 1px solid #333;
  1115. background: #434142;
  1116. }
  1117. #static_landing_menu ul li.current a {
  1118. color: #ae9128
  1119. }
  1120. #static_landing_callout {
  1121. position: absolute;
  1122. width: 300px;
  1123. margin: 30px 0px 0px 475px;
  1124. background-repeat: no-repeat;
  1125. width: 505px;
  1126. height: 220px;
  1127. background-image:url(../../Content/NEW_CONTENT/static/marketsegments/market_landing_text_bg.png);
  1128. z-index: 100;
  1129. }
  1130. #static_landing_callout h1 {
  1131. color: #d4ce8d;
  1132. text-transform: uppercase;
  1133. margin: 18px 0px 0px 80px;
  1134. font-family: "kulturista-web-1", "kulturista-web-2", serif;
  1135. font-size: 18px;
  1136. font-weight: 300;
  1137. }
  1138. #static_landing_callout h2 {
  1139. color: #ffffff;
  1140. text-transform: capitalize;
  1141. margin: 4px 0px 0px 20px;
  1142. font-family: "kulturista-web-1", "kulturista-web-2", serif;
  1143. font-size: 28px;
  1144. font-weight: 500;
  1145. }
  1146. #static_landing_callout p {
  1147. color: #ffffff;
  1148. font-size: 12px;
  1149. line-height: 20px;
  1150. margin: 10px 40px 0px 80px;
  1151. }
  1152. #static_interior_callout {
  1153. position: absolute;
  1154. width: 300px;
  1155. margin: 30px 0px 0px 475px;
  1156. background-repeat: no-repeat;
  1157. width: 505px;
  1158. height: 220px;
  1159. background-image:url(../../Content/NEW_CONTENT/static/marketsegments/market_education_text_bg.png);
  1160. z-index: 100;
  1161. }
  1162. #static_interior_callout h1 {
  1163. color: #ffffff;
  1164. text-transform: uppercase;
  1165. margin: 18px 0px 0px 80px;
  1166. font-family: "kulturista-web-1", "kulturista-web-2", serif;
  1167. font-size: 18px;
  1168. font-weight: 300;
  1169. }
  1170. #static_interior_callout h2 {
  1171. color: #ffffff;
  1172. text-transform: capitalize;
  1173. margin: 4px 0px 0px 20px;
  1174. font-family: "kulturista-web-1", "kulturista-web-2", serif;
  1175. font-size: 28px;
  1176. font-weight: 500;
  1177. }
  1178. #static_interior_callout p {
  1179. color: #ffffff;
  1180. font-size: 12px;
  1181. line-height: 20px;
  1182. margin: 10px 40px 0px 80px;
  1183. }
  1184. #static_content {
  1185. background: #ececec;
  1186. display: block;
  1187. clear: both;
  1188. padding: 0px 0px 0px 0px;
  1189. }
  1190. .static_content_left {
  1191. width: 510px;
  1192. float: left;
  1193. padding: 40px 80px 40px 30px;
  1194. }
  1195. .static_content_left p {
  1196. color: #666666;
  1197. font-size: 12px;
  1198. line-height: 18px;
  1199. padding: 0px 0px 15px 0px;
  1200. }
  1201. .static_content_right {
  1202. float: left;
  1203. width: 330px;
  1204. padding: 40px 0px 40px 0px;
  1205. }
  1206. #static_feature {
  1207. background: #ffffff;
  1208. display: block;
  1209. clear: both;
  1210. padding: 0px 0px 20px 0px;
  1211. }
  1212. .static_feature_title {
  1213. border-bottom: 1px dashed #c5c19d;
  1214. width: 920px;
  1215. margin: 0px auto 20px auto;
  1216. color: #c5c19d;
  1217. font-family: "kulturista-web-1", "kulturista-web-2", serif;
  1218. font-size: 21px;
  1219. font-weight: 500;
  1220. padding: 16px 0px 4px 0px;
  1221. }
  1222. .static_feature_item {
  1223. display: block;
  1224. width: 210px;
  1225. float: left;
  1226. padding: 0px 0px 0px 24px;
  1227. }
  1228. .static_feature_item a {
  1229. font-weight: bold;
  1230. font-size: 12px;
  1231. text-decoration: none;
  1232. color: #457e81;
  1233. }
  1234. div.content {
  1235. background: #ececec;
  1236. clear: both;
  1237. }
  1238. div.content.inactive {
  1239. display: none;
  1240. }
  1241. ol#toc {
  1242. height: 35px;
  1243. list-style: none;
  1244. margin: 0;
  1245. padding: 10px 0px 0px 0px;
  1246. background: #4e4c4d;
  1247. }
  1248. ol#toc a {
  1249. color: #e6e5e3;
  1250. display: block;
  1251. float: left;
  1252. font-size: 12px;
  1253. height: 30px;
  1254. padding: 5px 0px 0px 40px;
  1255. margin: 0px 0px 0px 10px;
  1256. text-decoration: none;
  1257. text-align: center;
  1258. }
  1259. ol#toc a:hover {
  1260. color: #525051;
  1261. background-color: #ececec;
  1262. background-position: 0 -120px;
  1263. }
  1264. ol#toc a:hover span {
  1265. background-position: 100% -120px;
  1266. }
  1267. ol#toc li {
  1268. float: left;
  1269. margin: 0 1px 0 0;
  1270. }
  1271. ol#toc li a.active {
  1272. background-color: #ececec;
  1273. background-position: 0 -60px;
  1274. color: #525051;
  1275. font-weight: bold;
  1276. }
  1277. ol#toc li a.active span {
  1278. background-position: 100% -60px;
  1279. }
  1280. ol#toc span {
  1281. background: url(tabs.gif) 100% 0;
  1282. display: block;
  1283. line-height: 22px;
  1284. padding-right: 40px;
  1285. }
  1286. #static_content_image {
  1287. display: block;
  1288. margin-left: auto;
  1289. margin-right: auto;
  1290. }
  1291. .static_content_left ul {
  1292. color: #666666;
  1293. font-size:12px;
  1294. list-style-type:none;
  1295. line-height: 22px;
  1296. }
  1297. .static_content_left ol {
  1298. color: #666666;
  1299. font-size:12px;
  1300. line-height: 22px;
  1301. margin-left:18px;
  1302. }
  1303. .static_content_left a {
  1304. text-decoration:none;
  1305. color:#666;
  1306. font-weight: 600;
  1307. }
  1308. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  1309. /*PDQ Static Pages*/
  1310. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  1311. #PDQ_landing {
  1312. display: block;
  1313. height: 165px;
  1314. width: 960px;
  1315. }
  1316. #PDQ_header_text {
  1317. color:#FFF;
  1318. height: 150px;
  1319. width: 580px;
  1320. z-index: 100;
  1321. position:absolute;
  1322. float:right;
  1323. padding-left:260px;
  1324. padding-top:70px;
  1325. font-size:13px;
  1326. }
  1327. #PDQ_title h1 {
  1328. float:left;
  1329. height:150px;
  1330. margin:9px 50px 0px 0px;
  1331. font-size:55px;
  1332. font-weight: 400;
  1333. font-family: "kulturista-web-1", "kulturista-web-2", serif;
  1334. }
  1335. .PDQ_letter {
  1336. display: block;
  1337. margin: 10px 20px;
  1338. }
  1339. #PDQ_content_block {
  1340. display:block;
  1341. float:left;
  1342. width:100%;
  1343. border-bottom:1px solid #e2e2e2;
  1344. padding:0px 0px 25px 0px;
  1345. }
  1346. #PDQ_content_block_second {
  1347. display:block;
  1348. float:left;
  1349. width:100%;
  1350. border-bottom:1px solid #e2e2e2;
  1351. padding:25px 0px 25px 0px;
  1352. }
  1353. #PDQ_content_block_last {
  1354. display:block;
  1355. float:left;
  1356. width:100%;
  1357. border-bottom:1px solid #e2e2e2;
  1358. padding:25px 0px 45px 0px;
  1359. }
  1360. .PDQ_subheadings {
  1361. display:block;
  1362. margin: 50px 15px 40px 20px;
  1363. float:left;
  1364. }
  1365. .PDQ_subheadings1 {
  1366. display:block;
  1367. margin: 50px 28px 40px 20px;
  1368. float:left;
  1369. }
  1370. #PDQ_thumbnails {
  1371. }
  1372. .over_thumbnail_headings {
  1373. font-size:12px;
  1374. margin:0px 0px 5px 0px;
  1375. color:#666;
  1376. }
  1377. .over_thumbnail_headings_long {
  1378. font-size:12px;
  1379. margin:0px 0px -15px 0px;
  1380. color:#666;
  1381. }
  1382. .thumbnail_title {
  1383. font-size:10px;
  1384. color:#666;
  1385. }
  1386. #PDQ_navigation {
  1387. height:auto;
  1388. display:block;
  1389. background-color:#3f3d3e;
  1390. padding:5px 0px 8px 18px;
  1391. position: relative;
  1392. z-index: 101;
  1393. }
  1394. #PDQ_navigation li {
  1395. color:#666;
  1396. vertical-align:middle;
  1397. display:inline;
  1398. list-style-type:none;
  1399. padding-left:10px
  1400. }
  1401. #PDQ_navigation a {
  1402. font-size:11px;
  1403. color:#FFF;
  1404. text-decoration:none;
  1405. }
  1406. #PDQ_active a {
  1407. color:#c3be62;
  1408. text-decoration:none;
  1409. }
  1410. #thumbnail_item {
  1411. width:100px;
  1412. height:130px;
  1413. display:block;
  1414. float:left;
  1415. padding-right:20px;
  1416. }
  1417. #thumbnail_item_nohead {
  1418. width:100px;
  1419. height:130px;
  1420. display:block;
  1421. float:left;
  1422. padding-right:20px;
  1423. padding-top:20px;
  1424. }
  1425. .spacer_block {
  1426. display:block;
  1427. width:107px;
  1428. height:100px;
  1429. float:left;
  1430. }
  1431. .spacer_block1 {
  1432. display:block;
  1433. width:119px;
  1434. height:118px;
  1435. float:left;
  1436. }
  1437. .spacer_block2 {
  1438. display:block;
  1439. width:100%;
  1440. height:10px;
  1441. float:left;
  1442. }
  1443. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  1444. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  1445. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  1446. /*CONTENT BELOW IN NEED OF ORGANIZING BY CRISTINA - MOST IS OLD PATCRAFT*/
  1447. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  1448. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  1449. /*///////////////////////////////////////////////////////////////////////////////////////////////*/
  1450.  
  1451.  
  1452. #productlandingQuickResults {
  1453. font-size: 11px;
  1454. line-height: 22px;
  1455. }
  1456. #productlandingQuickResults span {
  1457. font-size: 14px;
  1458. float: left;
  1459. font-weight: bold;
  1460. margin: 0px 10px 0px 0px;
  1461. }
  1462. #productlandingQuickResults label {
  1463. margin: 0px 10px 0px 0px;
  1464. }
  1465. #productlandingQuickResultsOne {
  1466. float: left;
  1467. width: 340px;
  1468. margin: 15px 0px 0px 0px;
  1469. padding: 20px 0px 20px 40px;
  1470. height: 30px;
  1471. }
  1472. #productlandingQuickResultsTwo {
  1473. float: left;
  1474. width: 465px;
  1475. border-left: 1px dotted #ddd;
  1476. padding: 15px 0px 10px 40px;
  1477. margin: 20px 0px 0px 0px;
  1478. }
  1479. #productlandingQuickResultsLink {
  1480. display: block;
  1481. width: 200px;
  1482. height: 50px;
  1483. line-height: 52px;
  1484. font-size: 14px;
  1485. background: #cc3338;
  1486. text-align: center;
  1487. color: #FFFFFF;
  1488. font-weight: bold;
  1489. float: right;
  1490. margin: -30px 0px 10px 0px;
  1491. }
  1492. .searchresultsRightTileQS {
  1493. display: block;
  1494. width: 35px;
  1495. height: 35px;
  1496. margin: 0px 0px 0px 105px;
  1497. color: #666666;
  1498. z-index: 1;
  1499. background-image:url(../../Content/searchresults/quickship_overlay.png);
  1500. position: absolute;
  1501. background-position: top right;
  1502. background-repeat: no-repeat;
  1503. }
  1504. a.searchresultsRightTileQL {
  1505. display: block;
  1506. width: 130px;
  1507. text-align: center;
  1508. height: 20px;
  1509. line-height: 16px;
  1510. color: #8d941f;
  1511. font-weight: bold;
  1512. font-size: 11px;
  1513. padding: 8px 0px 4px 0px;
  1514. margin: 50px 0px 0px 0px;
  1515. background: #ffffff;
  1516. opacity: .7;
  1517. position: absolute;
  1518. z-index: 20000000;
  1519. }
  1520. #searchresults_QuickLook {
  1521. display: block;
  1522. width: 502px;
  1523. height: 436px;
  1524. background-image: url(../../Content/searchresults/QL_background.png);
  1525. position: absolute;
  1526. z-index: 3000;
  1527. }
  1528. #searchresults_QuickLookTop {
  1529. display: block;
  1530. width: 470px;
  1531. height: 185px;
  1532. margin: 10px auto 0px auto;
  1533. }
  1534. #searchresults_QuickLookTop img {
  1535. float: left;
  1536. padding: 10px;
  1537. }
  1538. #searchresults_QuickLookTop_close {
  1539. float: right;
  1540. margin: 18px -2px 0px 0px;
  1541. }
  1542. #searchresults_QuickLookTop_close a {
  1543. background: #373536;
  1544. color: #ffffff;
  1545. text-decoration: none;
  1546. font-size: 12px;
  1547. padding: 8px 12px;
  1548. display: block;
  1549. }
  1550. #searchresults_QuickLookTop_product {
  1551. color: #22789c;
  1552. padding: 20px 0px 0px 0px;
  1553. font-size: 20px;
  1554. }
  1555. #searchresults_QuickLookTop_product img {
  1556. margin: -12px 0px 0px 0px;
  1557. }
  1558. #searchresults_QuickLookTop_product span {
  1559. color: #373536;
  1560. display: block;
  1561. font-size: 11px;
  1562. }
  1563. #searchresults_QuickLookTop_productinfo {
  1564. color: #373536;
  1565. font-size: 14px;
  1566. margin: 15px 0px 0px 0px;
  1567. line-height: 24px;
  1568. }
  1569. #searchresults_QuickLookTop_productinfo b {
  1570. display: block;
  1571. float: left;
  1572. padding: 0px 0px 0px 15px;
  1573. width: 65px;
  1574. }
  1575. #searchresults_QuickLookBtm {
  1576. display: block;
  1577. width: 470px;
  1578. height: 220px;
  1579. background: #f4f4f4;
  1580. margin: 0px auto 0px auto;
  1581. }
  1582. #searchresults_QuicklookBtm_color {
  1583. float: left;
  1584. display: block;
  1585. width: 100px;
  1586. margin: 8px 0px 0px 15px;
  1587. font-weight: bold;
  1588. }
  1589. #searchresults_QuicklookBtm_color img {
  1590. padding: 5px 0px;
  1591. }
  1592. #searchresults_QuicklookBtm_color a {
  1593. font-weight: normal;
  1594. text-decoration: none;
  1595. color: #22789c;
  1596. font-size: 12px;
  1597. padding: 0px 0px 0px 0px;
  1598. }
  1599. #searchresults_QuicklookBtm_pag {
  1600. float: right;
  1601. display: block;
  1602. width: 290px;
  1603. text-align: center;
  1604. font-size: 12px;
  1605. margin: 8px 15px 10px 0px;
  1606. color: #aeaeae;
  1607. }
  1608. #searchresults_QuicklookBtm_pag a {
  1609. color: #22789c;
  1610. text-decoration: none;
  1611. font-weight: bold;
  1612. }
  1613. #searchresults_QuicklookBtm_tiles {
  1614. float: right;
  1615. display: block;
  1616. width: 290px;
  1617. height: 145px;
  1618. margin: 0px 10px 0px 0px;
  1619. }
  1620. .searchresults_QuickLookBtm_tile {
  1621. float: left;
  1622. font-size: 11px;
  1623. width: 50px;
  1624. margin: 0px 8px 10px 0px;
  1625. }
  1626. #searchresults_QuickLookBtm_footer {
  1627. display: block;
  1628. clear: both;
  1629. font-size: 12px;
  1630. border-top: 1px solid #dddddd;
  1631. line-height: 18px;
  1632. padding: 0px 0px 0px 10px;
  1633. }
  1634. #searchresults_QuickLookBtm_footer a {
  1635. float: right;
  1636. background: #22789c;
  1637. text-decoration: none;
  1638. color: #FFFFFF;
  1639. display: block;
  1640. margin: 8px -2px 0px 0px;
  1641. padding: 4px 20px;
  1642. font-weight: bold;
  1643. font-size: 12px;
  1644. }
  1645. #searchresults_QuickLookBtm_footer img {
  1646. float: left;
  1647. margin: 2px 5px 0px 0px;
  1648. }
  1649. #searchresults_QuickLookBtm_footer span {
  1650. float: left;
  1651. margin: 10px 5px 0px 0px;
  1652. }
  1653. #collectionsLandingBar {
  1654. background: #ebeae8;
  1655. display: block;
  1656. height: 44px;
  1657. margin: 98px 0px 25px 0px;
  1658. }
  1659. .collectionsLandingBar_left {
  1660. float: left;
  1661. display: block;
  1662. width: 500px;
  1663. margin: 8px 12px;
  1664. }
  1665. .collectionsLandingBar_left span {
  1666. float: left;
  1667. color:#676664;
  1668. font-size: 12px;
  1669. line-height: 25px;
  1670. margin: 0px 15px 0px 0px;
  1671. }
  1672. .collectionsLandingBar_right {
  1673. float: right;
  1674. color: #a7a7a5;
  1675. font-size: 11px;
  1676. display: block;
  1677. width: 300px;
  1678. margin: 8px 12px;
  1679. line-height: 25px;
  1680. text-align: right;
  1681. }
  1682. .collectionsLandingBar_right a {
  1683. color: #3c87a7;
  1684. text-decoration: none;
  1685. font-weight: bold;
  1686. }
  1687. .collectionsLandingBar_rightOne {
  1688. display: inline;
  1689. margin: 0px 10px 0px 0px;
  1690. }
  1691. .collectionsLandingBar_rightTwo {
  1692. display: inline
  1693. }
  1694. #collectionsLanding_productHolder {
  1695. margin: 0px 0px 5px 6px;
  1696. }
  1697. .collectionsLanding_product {
  1698. float: left;
  1699. display: block;
  1700. width: 150px;
  1701. font-size: 12px;
  1702. margin: 0px 0px 25px 7px;
  1703. color: #666666;
  1704. }
  1705. .collectionsLanding_product img {
  1706. display: block;
  1707. clear: both;
  1708. margin: 0px 0px 4px 0px;
  1709. }
  1710. .collectionsLanding_product a {
  1711. text-decoration: none;
  1712. color: #666666;
  1713. }
  1714. #collectionsDetailBar {
  1715. background-image: url(../../Content/collections/collectionsDetail_Header.png);
  1716. display: block;
  1717. height: 27px;
  1718. width: 939px;
  1719. text-align: right;
  1720. padding: 4px 10px;
  1721. margin: 98px 0px 0px 0px;
  1722. }
  1723. #collectionsDetailArea {
  1724. clear: both;
  1725. display: block;
  1726. }
  1727. #collectionsDetailArea_left {
  1728. float: left;
  1729. display: block;
  1730. width: 360px;
  1731. margin: 0px 0px 0px 5px;
  1732. }
  1733. .collectionsDetails_productSELECTED img {
  1734. display: block;
  1735. clear: both;
  1736. }
  1737. .collectionsDetails_product img {
  1738. display: block;
  1739. clear: both;
  1740. }
  1741. #collectionsDetailArea_right {
  1742. float: right;
  1743. display: block;
  1744. width: 585px;
  1745. }
  1746. .collectionsDetailArea_rightHeader {
  1747. margin: 40px 0px 0px 50px;
  1748. font-size: 24px;
  1749. line-height: 32px;
  1750. color: #3c87a7;
  1751. float: left;
  1752. }
  1753. .collectionsDetailArea_rightHeader img {
  1754. float: left;
  1755. padding: 0px 15px 0px 0px;
  1756. }
  1757. .collectionsDetails_productSELECTED {
  1758. float: left;
  1759. font-size: 11px;
  1760. display: block;
  1761. width: 110px;
  1762. margin: 0px 10px 0px 0px;
  1763. color: #000000;
  1764. }
  1765. .collectionsDetails_product {
  1766. float: left;
  1767. font-size: 11px;
  1768. display: block;
  1769. width: 110px;
  1770. margin: 0px 10px 0px 0px;
  1771. color: #000000;
  1772. }
  1773. .collectionsDetails_productSELECTED span {
  1774. display: block;
  1775. color: #666;
  1776. }
  1777. .collectionsDetails_product span {
  1778. display: block;
  1779. color: #666;
  1780. }
  1781. #collectionsDetailArea_link {
  1782. display: block;
  1783. background-image: url(../../Content/collections/download_brochure.png);
  1784. width: 135px;
  1785. height: 39px;
  1786. font-weight: bold;
  1787. color: #FFFFFF;
  1788. font-size: 12px;
  1789. line-height: 40px;
  1790. padding: 0px 0px 0px 30px;
  1791. float: right;
  1792. margin: 40px 0px 0px 0px;
  1793. }
  1794. #slideshow {
  1795. margin: 0px 0px 0px 0px;
  1796. width:960px;
  1797. height:619px;
  1798. z-index: 1;
  1799. }
  1800. #slideshow #slidesContainer {
  1801. margin:0 auto;
  1802. width:960px;
  1803. height:619px;
  1804. overflow:auto; /* allow scrollbar */
  1805. position:relative;
  1806. }
  1807. #slideshow #slidesContainer .slide {
  1808. margin:0 auto;
  1809. width:940px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  1810. height:619px;
  1811. }
  1812. /**
  1813. * Slideshow controls style rules.
  1814. */
  1815. .control {
  1816. display:block;
  1817. width:39px;
  1818. height:263px;
  1819. text-indent:-10000px;
  1820. position:absolute;
  1821. cursor: pointer;
  1822. z-index:3;
  1823. }
  1824. #leftControl {
  1825. top:100px;
  1826. position: absolute;
  1827. margin: 0px 0px 0px 15px;
  1828. display: block;
  1829. width: 90px;
  1830. height: 520px;
  1831. background-image: url(../../Content/home/right_arrow_up.png);
  1832. background-repeat: no-repeat;
  1833. background-position: 0px 415px;
  1834. background-color: transparent;
  1835. }
  1836. #leftControl:hover {
  1837. top:100px;
  1838. position: absolute;
  1839. margin: 0px 0px 0px 15px;
  1840. display: block;
  1841. width: 90px;
  1842. height: 520px;
  1843. background-image: url(../../Content/home/right_arrow_over.png);
  1844. background-repeat: no-repeat;
  1845. background-position: 0px 415px;
  1846. background-color: transparent;
  1847. }
  1848. #rightControl {
  1849. top:100px;
  1850. position: absolute;
  1851. margin: 0px 0px 0px 880px;
  1852. display: block;
  1853. width: 90px;
  1854. height: 520px;
  1855. background-image: url(../../Content/home/left_arrow_up.png);
  1856. background-position: 5px 418px;
  1857. background-repeat: no-repeat;
  1858. background-color: transparent;
  1859. }
  1860. #rightControl:hover {
  1861. top:100px;
  1862. position: absolute;
  1863. margin: 0px 0px 0px 880px;
  1864. display: block;
  1865. width: 90px;
  1866. height: 520px;
  1867. background-image: url(../../Content/home/left_arrow_over.png);
  1868. background-position: 5px 418px;
  1869. background-repeat: no-repeat;
  1870. }
  1871. #templateFooter {
  1872. color: #232223;
  1873. font-size: 11px;
  1874. width: 940px;
  1875. margin: 20px auto 40px auto;
  1876. text-align: left;
  1877. }
  1878. #templateFooter a {
  1879. color: #000000;
  1880. text-decoration: none;
  1881. padding: 0px 4px;
  1882. }
  1883. #templateFooterLeft {
  1884. float: left;
  1885. }
  1886. #templateFooterRight {
  1887. float: right;
  1888. }
  1889. label.placeholder {
  1890. cursor: text;
  1891. padding: 1px 4px 4px 8px;
  1892. color: #999999;
  1893. }
  1894. input:placeholder, textarea:placeholder {
  1895. color: #999999;
  1896. }
  1897. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  1898. color: #999999;
  1899. }
  1900. .btn {
  1901. float: right;
  1902. clear: both;
  1903. background: url(../../Content/forms/btn_left.png) no-repeat;
  1904. padding: 0 0 0 10px;
  1905. margin: 5px 0;
  1906. background-color: #5095b2;
  1907. }
  1908. #adminContent .btn a, .btn a {
  1909. float: left;
  1910. height: 40px;
  1911. background: url(../../Content/forms/btn_stretch.png) repeat-x left top;
  1912. line-height: 40px;
  1913. padding: 0 10px;
  1914. color: #fff;
  1915. font-weight: bold;
  1916. font-size: 1em;
  1917. text-transform: uppercase;
  1918. text-decoration: none;
  1919. cursor: pointer;
  1920. cursor: hand;
  1921. }
  1922. .btn:focus {
  1923. outline: none;
  1924. }
  1925. .btn input {
  1926. float: left;
  1927. height: 40px;
  1928. background: url(../../Content/forms/btn_stretch.png) repeat-x left top;
  1929. border: none;
  1930. font-weight: bold;
  1931. text-transform: uppercase;
  1932. padding: 11px 10px 28px 10px;
  1933. color: #fff;
  1934. font-size: 1em;
  1935. cursor: pointer;
  1936. cursor: hand;
  1937. text-decoration: none;
  1938. }
  1939. .btn span {
  1940. background: url(../../Content/forms/btn_right.png) no-repeat;
  1941. float: left;
  1942. width: 10px;
  1943. height: 40px;
  1944. }
  1945. .btn_try {
  1946. background-color: #002c85;
  1947. }
  1948. .clear {
  1949. clear: both;
  1950. }
  1951. #adminContent {
  1952. padding: 40px 40px;
  1953. font-size: 12px;
  1954. font-family: Arial, Helvetica, sans-serif;
  1955. line-height: 20px;
  1956. min-height: 500px;
  1957. }
  1958. #adminContent hr {
  1959. border: 1px solid #ddd;
  1960. }
  1961. #adminContent h1 {
  1962. color:#373634;
  1963. font-size:20px;
  1964. margin:10px 0;
  1965. padding-bottom:10px
  1966. }
  1967. #adminContent h1 span {
  1968. font-weight: normal;
  1969. font-size: 14px;
  1970. color: #a39f9b;
  1971. }
  1972. #adminContent h2 {
  1973. color:#373634;
  1974. font-size:14px;
  1975. margin:10px 0;
  1976. font-weight: normal;
  1977. padding-bottom:10px
  1978. }
  1979. #adminContentLeft {
  1980. float: left;
  1981. display: block;
  1982. width: 440px;
  1983. margin: 10px 0px 40px 0px;
  1984. }
  1985. #adminContentRight {
  1986. float: right;
  1987. display: block;
  1988. width: 320px;
  1989. height: 510px;
  1990. margin: 10px 0px 40px 0px;
  1991. padding: 0px 0px 0px 60px;
  1992. border-left: 1px solid #ddd;
  1993. }
  1994. #adminContentDivide {
  1995. border-top: 1px dotted #ddd;
  1996. margin: 20px 0px;
  1997. display: block;
  1998. }
  1999. #adminContent h3 {
  2000. color:#373634;
  2001. font-size:16px;
  2002. font-weight:bold;
  2003. margin:20px 0 0 0;
  2004. padding-bottom:10px
  2005. }
  2006. #adminContent h3 span {
  2007. color:#699;
  2008. font-size:16px;
  2009. margin:10px 0;
  2010. padding-bottom:10px
  2011. }
  2012. #adminContent h4 {
  2013. color:#373634;
  2014. font-size:14px;
  2015. font-weight:bold;
  2016. margin:20px 0 0 0;
  2017. padding-bottom:10px
  2018. }
  2019. #adminContent table {
  2020. color:#494949;
  2021. font-family:Arial, Helvetica, sans-serif;
  2022. font-size:12px;
  2023. letter-spacing:0;
  2024. line-height:19px;
  2025. margin:0 0 10px 0
  2026. }
  2027. #adminContent a {
  2028. color: #000;
  2029. }
  2030. .placeholderLEED {
  2031. display: block;
  2032. width: 129px;
  2033. height: 28px;
  2034. position:absolute;
  2035. border-bottom: 5px solid #474544;
  2036. background: #2a2726;
  2037. margin: 0px 0px 0px 318px;
  2038. color: #666666;
  2039. display: block;
  2040. padding: 0px 0px 0px 30px;
  2041. font-size: 11px;
  2042. font-weight: bold;
  2043. line-height: 28px;
  2044. }
  2045. *+html .placeholderLEED {
  2046. margin: 0px 0px 0px -159px;
  2047. }
Add Comment
Please, Sign In to add comment