SHARE
TWEET

Untitled

a guest Jan 11th, 2017 80 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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;}
RAW Paste Data
Pastebin PRO Summer Special!
Get 40% OFF on Pastebin PRO accounts!
Top