API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 11th, 2017
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.06 KB | None | 0 0
raw download clone embed print report
  1. /* Template: Template 14 - Big */
  2.  
  3. /* RESETS */
  4. body { font-size: 12px; min-width: 980px; }
  5. .container {
  6. background: #fff;
  7. }
  8. .container_12 { width: 100%!important; margin: 0!important; }
  9. .header, .section { margin: 0 auto; width: 960px; padding: 0 10px; background: #FFF; border-left: 0px solid #fab01d; border-right: 0px solid #fab01d;}
  10. .fullWidthHeaderZone { width: 100%; text-align: center; height: 50px; line-height:29px; background: #fff; border-bottom:0px solid #000 }
  11. .fullWidthHeaderZone .Address, .fullWidthHeaderZone .EndUserStatus { width: 960px; margin: 0 auto; text-align:left; }
  12. .fullWidthHeaderZone .loginModule { display: none; }
  13. .subFooter { background: none; border: none; }
  14.  
  15. /* LOGO */
  16. .Logo { clear: both; width: 100%; height:195px; padding: 10px 0 0; line-height: 1em; }
  17. .logo { display: table-cell; vertical-align: middle; text-align: left; width: 500px; height: 50px; padding:0; }
  18. .logo a { display: inline-block; font-size: 12px; font-weight: bold; line-height: 1em; }
  19.  
  20. /* LINKS */
  21. a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #f38b00; }
  22. a:hover { text-decoration: underline; }
  23. .styledtxt { color: #f38b00; }
  24.  
  25. /* HEADERS */
  26. h3, h4, h5, h6 { margin-bottom: 5px; }
  27. h3 { font-size: 12px; }
  28.  
  29. /* ICO BOX
  30. -------------------------------------------------------------------*/
  31. .next .icoBox, .previous .icoBox{ background:url(images/btn-prev-next.png) no-repeat; width:22px; height:22px; }
  32. .icoBox.iArrowRight,
  33. a:hover .icoBox.iArrowRight{ background-position:0 0; }
  34. .icoBox.iArrowLeft,
  35. a:hover .icoBox.iArrowLeft{ background-position:0 -22px; }
  36.  
  37. /* TOP MENU
  38. -------------------------------------------------------------------*/
  39. .header .Menu { margin-bottom: 20px; }
  40. .header .Menu .menu { float: none; height: auto; width: 940px; line-height: auto; margin: 0; background: none; border-bottom: 0px dashed #b2b2b2; }
  41. .header .Menu .menu>ul { list-style-type: none; padding:0; margin: 0; width: 100%; text-align:right; }
  42. .header .Menu .menu .tabs>li>a { float:left; font-size: 13px; }
  43. .header .Menu .menu>ul li { display: #777; display: inline-block; float: none; margin: 0; position: relative; padding: 0; text-transform: capitalize; margin:0; }
  44. .header .Menu .menu .tabs>li>a:hover,
  45. .header .Menu .menu .tabs>li>a.current{ color: #f38b00; }
  46. .header .Menu .menu>ul li a { color: #777; padding: 12px 20px; line-height: 19px; height: 19px; }
  47. .header .Menu .menu>ul li a.divider { padding: 0; }
  48. .header .Menu .menu>ul li a:hover,
  49. .header .Menu .menu>ul li a.current { border: none; text-decoration: none; }
  50. .promoNav { font-weight: bold; font-size: 15px; }
  51.  
  52. /* HEADER DROP MENU */
  53. .header .Menu .menu ul.dropdown { display: none; position: absolute; left: 0; top: 100%; min-width: 150px; background: #FFF; border: 1px solid #B3B3B3; -moz-box-shadow: 0px 0px 5px #A4A4A5; -webkit-box-shadow: 0px 0px 5px #A4A4A5; box-shadow: 0px 0px 5px #A4A4A5; white-space: nowrap !important; z-index: 999; }
  54. .header .Menu .menu ul.dropdown li { display: block; float: none; margin:0; font-size: 12px; clear: left; text-align: left; border: none; text-transform: none; }
  55. .header .Menu .menu ul.dropdown li span { float: none; }
  56. .header .Menu .menu ul.dropdown li a { display: block; font-weight: normal; color: #777; line-height: normal; padding: 5px; margin:0; border-radius: 0; text-shadow: none; float:none; }
  57. .header .Menu .menu ul.dropdown li a:hover, ul.dropdown li a:hover { background: #f38b00; display:block; cursor:pointer; border: none; color: #fff; }
  58. .header .Menu .menu ul.dropdown ul { left: 95%; top: 0; width: auto; }
  59. .header .Menu .menu ul.dropdown li a:hover span, ul.dropdown li a:hover span { background:none; }
  60.  
  61. /* END USER STATUS */
  62. .EndUserStatus .menuWrap { border: none; margin: 0; }
  63. .EndUserStatus .menu a { padding: 0 10px; font-weight: bold; }
  64. .EndUserStatus .divider { display: none; }
  65. .EndUserStatus .menu > ul li { padding: 0; }
  66. .EndUserStatus .menu { height: auto; line-height: 29px; background: none; margin:0; padding: 0; }
  67. .EndUserStatus .menu ul { border-right: none; padding: 0; }
  68. .EndUserStatus .menu>ul li a { text-transform: none; color: #b2b2b2; }
  69.  
  70. /* SECTION MENU */
  71. .section .menu, .section .menu ul { margin: 0; background: none; width: auto; }
  72. .section .menu a.current, .section .menu a:hover { text-shadow: none; }
  73. .section .menu ul.dropdown { left: 100%; top: 0; z-index: 100000; background: #FFF; }
  74. .section .menu ul.dropdown li { padding: 0; }
  75.  
  76. /* VERT MENU */
  77. .menu.vertical { height: auto; }
  78. .menu.vertical>ul li { clear: left; float:left; display: block; }
  79. .header .menu.vertical ul.dropdown, .section .menu.vertical ul.dropdown { left: 100%; top: 0; }
  80.  
  81. /* FORMS */
  82. a.btnLink { display: inline-block; margin-right:4px; padding: 0.25em 0 0.16em; text-decoration: none; font-weight: bold; line-height: 1.0em; position: relative; cursor: pointer; }
  83. a.btnLink:hover .btnTxt {text-decoration:underline;}
  84. .buttons { padding: 0.3em 8px; border: 0 none; }
  85. a.btn { font-size: 15px; vertical-align: middle; color: #7f2e03; font-weight: bold; text-decoration: none; display: inline-block; padding: 8px; line-height: 15px; position: relative;
  86. border-color: #cb8404;
  87. background: #fced22;
  88. background: -moz-linear-gradient(top, #fced22 0%, #f0a200 100%);
  89. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fced22), color-stop(100%,#f0a200));
  90. background: -webkit-linear-gradient(top, #fced22 0%,#f0a200 100%);
  91. background: -o-linear-gradient(top, #fced22 0%,#f0a200 100%);
  92. background: -ms-linear-gradient(top, #fced22 0%,#f0a200 100%);
  93. background: linear-gradient(top, #fced22 0%,#f0a200 100%);
  94. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fced22', endColorstr='#f0a200',GradientType=0 );
  95. }
  96. a.btn:hover, a.btn:active { color: #FFF; text-decoration: none;
  97. background-color: #f0a200;
  98. background-position: 0 -15px;
  99. -webkit-transition: background-position 0.1s linear;
  100. -moz-transition: background-position 0.1s linear;
  101. -ms-transition: background-position 0.1s linear;
  102. -o-transition: background-position 0.1s linear;
  103. transition: background-position 0.1s linear;
  104. }
  105. a.btn:hover .btnTxt { text-decoration: none; }
  106.  
  107. /* FORM - INLINE */
  108. .formLayout.inline { overflow: hidden; zoom: 1; }
  109. .formLayout.inline .flGrp{ float: left; display: inline-block; clear: none; overflow: hidden; padding: 0 8px; }
  110. .formLayout.inline label.lblTitle { float: left; margin: 0.2em 0.5em 0 0;}
  111. .formLayout.inline .flGrp.buttons{ padding: 0.3em 8px; border: 0 none; }
  112. .formLayout.inlineTitle { padding: 0; }
  113. .formLayout.inlineTitle .info { display: inline-block; float: left; margin: 0; padding: 2px 0; border-bottom: 0 none; }
  114. .formLayout.inlineTitle .info h2 { font-size: 2em; line-height: 1.0em; margin: 0; clear: left; }
  115.  
  116. /* ADDRESS | Header */
  117. .address.inline h3, .address.inline div {display:none;}
  118. .address.inline .phone,
  119. .address.inline .email,
  120. .address.inline .phone span,
  121. .address.inline .email a { color: #b2b2b2; text-decoration: none; }
  122. .address.inline .email a:hover { text-decoration: underline; }
  123. .address.inline .email, .address.inline .phone { padding: 0 10px; display: inline; float: left;}
  124.  
  125. /* ADDRESS | Body */
  126. .section .Address { padding: 15px 10px 15px 10px;
  127. background:-moz-linear-gradient(0% 100% 90deg,#DDDDDD, #FFFfff);
  128. background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFfff), to(#DDDDDD));
  129. background-image: none;
  130. border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none;
  131. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFfff', endColorstr='#DDDDDD'), gradientType='0');
  132. }
  133. .section .address .map {-moz-box-shadow: 1px 1px 5px #CCC; -webkit-box-shadow: 1px 1px 5px #CCC; box-shadow: 1px 1px 5px #CCC; background-color: #FFFFFF; border: 1px solid #B3B3B3; overflow: hidden; padding: 8px 0 0 8px; float:left; margin-right: 10px; margin-bottom: 5px; }
  134. .section .address:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
  135. .section .address h3 { margin-bottom: 2px;}
  136.  
  137. /* FOOTER */
  138. .footer { color: #FFF; background-color: #555; border-top: 1px solid #1e1e1e; }
  139. .footer .innerWrapper { margin: 0 auto; width: 960px; padding: 20px 0px; }
  140. .footer .asiModule .email a { white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; white-space: -o-pre-wrap; white-space: -pre-wrap; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;}
  141. .footer h3, .footer p, .footer span, .footer .contentModule { color: #FFF; margin: 0px; }
  142. .footer h3,
  143. .footer h3 span,
  144. .footer a { color:#FFF; }
  145. .footer a.btn { color: #7f2e03; }
  146. .footer h3 { text-transform: uppercase; padding-bottom: 4px; font-size: 15px; }
  147. .footer p { font-weight: normal; margin-bottom: 10px; line-height: 18px;}
  148. .footer .txt { clear: both; display: block; }
  149. .footer .newsletter .formLayout input.text { display: none; padding: 3px; width:250px; height: 25px; border: 1px solid #4d4d4d; background:#fff; }
  150. .footer .newsletter .formLayout, .newsletter .formLayout .flGrp { display: none; margin: 0; padding: 4px 0 0 0; }
  151. .footer .newsletter .formLayout.inline .flGrp.buttons { display: none; padding-right: 0pt; }
  152. .newsletter { display: none; }
  153. .footer .socialLinks { margin-top: 10px; }
  154. .footer .socialLinks .social { list-style: none outside none !important; margin: 0; padding: 0; }
  155. .footer .socialLinks li { margin-left: 0px; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px dashed #666666; line-height: 21px; height: 21px; }
  156. .footer .socialLinks li.inline { border-bottom: none; }
  157. .footer .socialLinks .social li span { display: inline-block; vertical-align: middle; }
  158. .footer .socialLinks .social li a {color: #FFF; font-weight: normal; text-decoration: none; vertical-align: middle; line-height: 21px; }
  159. .footer .socialLinks .social li button.socialicon { background: url(images/social-icons.png) left top no-repeat; margin: 0; }
  160. .footer .address .map { background-color: #FFFFFF; margin-bottom: 8px; overflow: hidden; padding: 8px 0 0 8px; border: 1px solid #000; }
  161. .footer .errorMessage, .footer .successMessage { background: #a2eaff; border: none; padding: 5px; color: #0189dd; }
  162. .FooterZone4 { float: right; }
  163.  
  164. /* SOCIAL FEED */
  165. .fbConnectWidgetTopmost { border-top: none!important; }
  166. .footer .socialFeed ul.ui-tabs-nav { margin-bottom: 0!important; }
  167. .section ul.ui-tabs-nav li.ui-state-default a { color: #d88a0e; }
  168. ul.ui-tabs-nav li.ui-tabs-selected a, .socialFeed ul.ui-tabs-nav li.ui-tabs-selected { color:#4d4d4d!important; }
  169. .section .socialFeed ul.ui-tabs-nav li.ui-tabs-selected { border-style: dashed; border-top: 1px dashed #ccc; }
  170. .section .socialFeed ul.ui-tabs-nav { margin-bottom: 0!important; border-style: dashed!important; background: url(images/gradient-bg.png) repeat-x bottom left!important; }
  171. .socialFeed .ui-tabs .ui-tabs-panel { padding: 10px; border: 1px dashed #ccc; border-top: 0; background: #fff; }
  172.  
  173. /* FOOTER SOCIAL FEED */
  174. .footer .SocialFeed p, .footer .SocialFeed span, .footer .SocialFeed div { text-shadow: none; }
  175. .footer .socialFeed ul.ui-tabs-nav li.ui-tabs-selected { border-top: 0; }
  176. .footer .socialFeed ul.ui-tabs-nav { margin-left: -1px; border-bottom: 1px solid #cb8404!important; }
  177. .footer ul.ui-tabs-nav li a { color: #FFF; }
  178. .footer .socialFeed ul li { border-color: #cb8404; }
  179. .footer .socialFeed {
  180. background: #fced22;
  181. background: -moz-linear-gradient(top, #fced22 0%, #f0a200 8%);
  182. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fced22), color-stop(8%,#f0a200));
  183. background: -webkit-linear-gradient(top, #fced22 0%,#f0a200 8%);
  184. background: -o-linear-gradient(top, #fced22 0%,#f0a200 8%);
  185. background: -ms-linear-gradient(top, #fced22 0%,#f0a200 8%);
  186. background: linear-gradient(to bottom, #fced22 0%,#f0a200 8%);
  187. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fced22', endColorstr='#f0a200',GradientType=0 );
  188. border: 1px solid #cb8404;
  189. }
  190. .footer .socialFeed .ui-tabs .ui-tabs-panel { border: none; }
  191.  
  192. /* COPYRIGHT */
  193. .fullWidthFooterZone { background: #333; }
  194. .fullWidthFooterZone .asiModule.Content { color: #efefef; font-size: 11px; width: 940px; margin: 10px auto; padding: 0; line-height: 2em; }
  195. .fullWidthFooterZone .SocialLinks { width: 940px; margin: 0 auto; }
  196. .fullWidthFooterZone .SocialLinks h3 { display: none; }
  197. .fullWidthFooterZone .socialLinks { float: right; margin-top: 5px; }
  198. .fullWidthFooterZone a { color: #efefef; font-size: 11px; }
  199.  
  200. /* CONTENT */
  201. .section .asiModule { margin-bottom: 20px; }
  202. .section .grid_12 .asiModule { padding: 0; border: none; }
  203. .section h2 { margin: 0 0 10px 0; padding: 7px 10px 7px; border-bottom: 0px dashed #b2b2b2; font-size: 15px; text-transform: uppercase; background: url(images/gradient-bg.png) repeat-x bottom left; }
  204.  
  205. /* SHOPPING CART | Header */
  206. .shoppingCart-container { clear:both; float: right; padding: 0; margin-right:80px; }
  207. .Cart { background: none; }
  208. .Cart .scTrigger { background: none; position: relative; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; margin-left: 10px; }
  209. .Cart .btnLink { float: left; display: inline-block; font-weight: bold; }
  210. .Cart .scTrigger .btnTxt { background:url(images/ico-cart.png) left top no-repeat; padding: 6px 5px 7px 38px; margin: 2px 14px 1px; color: #808080; display: block; }
  211. .Cart a.btnLink { border: none; background: none; padding: 9px 20px 14px; color: #808080; margin: 0; border-right: 1px solid #e6e6e6; }
  212. .Cart .btnLink:hover .btnTxt { text-decoration: underline; }
  213.  
  214. /* SHOPPING CART Menu | Header */
  215. #shoppingCart { -moz-box-shadow: 0px 0px 5px #A4A4A5; -webkit-box-shadow: 0px 0px 5px #A4A4A5; box-shadow: 0px 0px 5px #A4A4A5; }
  216. #shoppingCart { position: absolute; right: -1px; top: 100%; }
  217. #shoppingCart .scTop {border-bottom: 1px solid #CCCCCC; height: 35px; }
  218. #shoppingCart-empty td {padding: 2px 0 5px 10px;}
  219. #shoppingCart .menu ul.tabs li a {color: #5d5d5d; font-weight: normal; border-left: 1px solid #CCCCCC;}
  220. #shoppingCart .menu ul.dropdown li a {color: #4d4d4d; font-weight: normal; border-left: none;}
  221. #shoppingCart .menu ul.tabs .divider span {display: none;}
  222. #shoppingCart .menu ul.tabs li a:hover {background: #E6E6E6; color: #0085DB; cursor: pointer;}
  223.  
  224. /* QUICK SEARCH / Product Search */
  225. .QuickSearchBasic .quickSearch { position: relative; float: right; margin-bottom: 15px; }
  226. .quickSearch .formLayout { line-height: 30px; }
  227. .quickSearch .formLayout.inlineTitle .info { background: none; border: none; }
  228. .quickSearch .formLayout.inlineTitle .info h2,
  229. .quickSearch .formLayout.inline span { color: #808080; font-size: 12px; font-weight: bold; line-height: inherit; border: none;}
  230. .quickSearch .formLayout input.text { padding: 2px; height: 25px; margin-left: 5px; border: 1px solid #CCC; background:#FFF; color:#808080; font-size: 13px; }
  231. .quickSearch .formLayout .flGrp.Xxxx input { width: 150px; margin-left: 0; color: #808080; }
  232. .quickSearch .formLayout.inline .flGrp span { float: none; }
  233. .quickSearch .formLayout.inline .flGrp.price span:before { content: "Price Range"; }
  234. .quickSearch .formLayout.inline .flGrp label { display: none; }
  235. .quickSearch .formLayout.inline a.btn { text-transform: uppercase; float: left; font-size: 16px; }
  236. .quickSearch .formLayout.inline .flGrp.price span + span:before { content: ""; }
  237. .quickSearch .formLayout.inline .flGrp.price .field { color: #808080; font-size: 13px; width: 80px; }
  238. .quickSearch .formLayout.inline .flGrp.price .symbol { display: none; }
  239. .quickSearch .formLayout.inline .flGrp.buttons { padding:0; margin:0; }
  240. .quickSearch .formLayout.inline .flGrp.buttons div { position: absolute; top: 28px; right: 50px; }
  241. .quickSearch .formLayout.inline .flGrp { overflow: visible; }
  242. .quickSearch .errorMessage { display: block; position: absolute; top: 100px; right: 0; margin-right: 10px; text-align: left; }
  243.  
  244. /* BANNER */
  245. .Ad, .Banner { padding: 0; margin: 0 0 20px; clear: left; border-top: 3px solid #efefef; border-bottom: 3px solid #efefef; }
  246. .adSlider { padding: 10px; background: #FFF; border: 1px solid #FFF; }
  247. .adSlider .inner { padding: 2px; background: #FFF; position: relative; height: 214px; }
  248. .adSlider .pagerBtn { display: none; }
  249. .adSlider .icoBox,
  250. .adSlider a:hover .icoBox { background:url(images/btn-prev-next-banner.png) no-repeat 0 0; position:absolute; top: 50%; margin-top:-25px; width:32px; height:50px; }
  251. .adSlider .icoBox.iArrowRight { left:-12px; background-position: 0 0; }
  252. .adSlider .icoBox.iArrowLeft,
  253. .adSlider a:hover .icoBox.iArrowLeft{ right:-12px; background-position: -32px 0;}
  254.  
  255. /* POTD */
  256. .PODay { position: relative; border: none; }
  257. .PODay .prodInfo { float: right; margin: 0; width: 60%; }
  258. .PODay .prodImg { float: left; margin: 0; width: 35%; border:1px solid #CCC; }
  259. .PODay .prodLink { font-size: 15px; font-weight: bold; font-size: 18px; }
  260. .PODay img { float: left; width: 100%; }
  261. .PODay h2 { margin: 0; }
  262. .PODay h4 { margin: 0; font-size: 16px; }
  263. .PODay p { margin: 0 0 10px 0; }
  264. .PODay btn { border: none; background: none; }
  265. .PODay .socialLinks { position: absolute; right: 6px; top: 6px; padding: 5px; }
  266. .grid_3 .PODay .socialLinks { position: relative; height: 20px; }
  267. .grid_3 .PODay p { margin: 0 0 5px 0; }
  268. .grid_3 .PODay .prodInfo { width: 100%; }
  269. .grid_3 .PODay .prodImg { width: 110px; margin-left: 45px; }
  270. .grid_3 .PODay h4, .grid_3 .PODay .prodLink, .grid_3 .PODay p { display: block; text-align: center; }
  271. .grid_3 .PODay .prodNum { display: none;}
  272.  
  273. /* PRODUCT SET AUTO */
  274. #productset-content.carousel { padding: 5px 0 0; border-top: 1px dashed #b2b2b2; margin-top: 35px; }
  275. #productset-content.carousel .dataTables_info { position: absolute; top: -38px; right: 1px; text-align: right; width: 300px; }
  276. #productset-content.carousel .ui-toolbar.ui-widget-header { line-height: 15px;}
  277. #productset-content.carousel .fg-toolbar.ui-widget-header { border: 0; background: none; padding: 0; position: absolute; top: -24px; right: 4px; width: auto; text-align: right; }
  278. #productset-content.carousel .fg-toolbar.ui-widget-header a { text-align: left; margin-right: 10px; }
  279. #productset-content.carousel .allLinks { position: absolute; left: 0px; top: -27px; font-size: 10px; }
  280. #productset-content.carousel .allLinks a { padding: 0 5px 0 0; margin-right: 3px; }
  281. #productset-content.carousel .pagination-links { display: none; }
  282. #productset-content.carousel li { padding: 0; border-bottom: 1px dashed #b2b2b2; }
  283. #productset-content.carousel li .prodName { line-height: 1; height: auto; color: #f38b00; font-size: 12px; background: none; text-shadow: none; font-size: 14px; position: relative; width: auto; padding: 4px 10px!important; }
  284. #productset-content.carousel li a { width: 100%; background: none; margin-right: -2px; border-right: 1px solid #e6e6e6; margin: 8px -2px 8px 0; }
  285. #productset-content.carousel .big { font-size: 13px; }
  286. #productset-content.carousel .mask { margin-top: -8px; }
  287.  
  288. /* PROD DETAILS */
  289. .configOptions { position: absolute; left: -51px; top: 100px; z-index: 200; width: 27px; }
  290. .configOptions .configHandle { position: absolute; width: 200px; height: 26px; line-height: 24px; color: #FFF; text-align: center; z-index: 199;
  291. font-weight: bold;
  292. font-size: 16px;
  293. background: url(images/headertop-bg.png) top center repeat-x;
  294. border:1px solid #000;
  295. border-bottom: none;
  296. left: -84px; top: 100px;
  297. -webkit-transform:rotate(270deg);
  298. -moz-transform:rotate(270deg);
  299. -o-transform: rotate(270deg);
  300. -ms-transform: rotate(270deg);
  301. box-shadow: 0px 0 1em #fff;
  302. }
  303. @media \0screen {
  304. .configOptions .configHandle { position: absolute; width: 200px; height: 24px; line-height: 24px; color: #FFF; text-align: center; z-index: 199;
  305. font-weight: bold;
  306. font-size: 16px;
  307. background: url(images/headertop-bg.png) top center repeat-x;
  308. border:1px solid #000;
  309. border-bottom: none;
  310. left: -84px; top: 100px;
  311. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  312. top: 0px;
  313. left: 0px; }
  314. }
  315.  
  316. .configOptions .configHandle:hover { cursor:pointer; }
  317. .configOptions .configHolder { overflow: hidden; position: relative; margin-left: 32px; height: auto; width: auto; }
  318. .configOptions .config { position: relative; background: #FFF; margin: 0 0 0 10px; left:-240px; width: 210px; border: none;
  319. -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
  320. -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
  321. box-shadow: 0 0 8px rgba(0,0,0,0.3);
  322. }
  323.  
  324. .fieldsetInner, .ui-widget-header, .prodTile { border: 1px dashed #b2b2b2; }
  325. .productList, prdrebProducts .corpLegal { border-top: 1px dashed #b2b2b2; }
  326.  
  327. /* PROD TILE */
  328. .productList { border-top: 1px dashed #666; }
  329. .prodTile .prodName a { color: #4D4D4D; }
  330. .prodTile .prodName a:hover { text-decoration: underline; }
  331.  
  332. /* FEATURED VIDS */
  333. .featureVideo h6 { margin-bottom: 5px; margin-top: -6px; font-weight: normal; }
  334. .featureVideoSet ul { margin: 0 -5px; }
  335. .featureVideoSet ul li { float: left; padding:0; }
  336. .featureVideoSet .tile { padding: 5px; border: 1px solid #CCC; margin: 5px; }
  337. .featureVideoSet .title { margin: 5px; text-align: center; font-size: 11px; }
  338. .featureVideoSet ul li:first-child { width: 100%; display: block; }
  339. .featureVideoSet ul li:first-child .tile { border: none; margin: 0; }
  340. .featureVideoSet ul li:first-child .title { text-align: left; float: none; font-size: 14px; font-weight: bold; }
  341.  
  342. /* ARTICLES */
  343. .article { float: left; display: inline-block; margin: 0 20px 20px 0; line-height: inherit; }
  344. .article:last-child { margin-right: 0px; }
  345. .article h3 { margin: 0 0 8px 0; padding: 7px 5px 7px; border-bottom: 1px dashed #b2b2b2; font-size: 14px; background: url(images/gradient-bg.png) repeat-x bottom left; }
  346. .article .readmore { padding: 8px 0 0 0; width: inherit; font-weight: bold; }
  347. .article .readmore a:after { content:" >";}
  348.  
  349. .ui-accordion .ui-accordion-header, .attributesContainer { background: none; border-style: dashed; border-color: #b2b2b2;}
  350.  
  351. /* MOBILE */
  352. @media only screen and (max-width: 480px) {
  353. body { min-width: 100%; }
  354. body.mobile nav.mobile-menu { color: #fff; background: #f38b00; }
  355.  
  356. .header, .section { padding: 0; border-left: none; border-right: none; }
  357.  
  358. .fullWidthHeaderZone { height: auto; background: none; border-bottom: none; }
  359. .fullWidthHeaderZone .Address { text-align: center; }
  360.  
  361. .header .Logo { margin-bottom: 30px; }
  362.  
  363. .ShoppingCart { position: absolute; left: 0; top: 0; z-index: 2; }
  364. .ShoppingCart .shoppingCart-container { margin-right: 0; }
  365. .ShoppingCart .Cart .btnLink { float: none; margin-left: 0; }
  366. .ShoppingCart .Cart .scTrigger .btnTxt { margin: 0; width: 30px; height: 30px; text-indent: -1000px; position: absolute; right: 10px; top: -60px; cursor: pointer; padding: 15px; background-position: center center; -webkit-filter: contrast(800%); filter: contrast(800%); }
  367. .ShoppingCart .Cart .scTrigger .badge { border-radius: 6px; display: block; position: absolute; background: #fff; color: #000; font-size: 10px; right: 5px; top: 10px; box-shadow: 0 2px 2px rgba(0,0,0,0.3); width: auto; padding: 0 4px; text-indent: 0; }
  368.  
  369. .NewsletterSignup .formLayout.inlineTitle { display: inline-block; }
  370.  
  371. .footer .innerWrapper { width: 100%; }
  372. }
  373. body{font-family:Arial, Helvetica, sans-serif;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!