API tools faq
paste
Guest User

Untitled

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