products.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. /* Main product menu */
  2. #product-menu {
  3. height:244px;
  4. width:546px;
  5. margin:0 auto;
  6. text-align:center;
  7. }
  8. a.product-menu-item{
  9. float:left;
  10. margin-right:10px;
  11. width:129px;
  12. height:122px;
  13. border: none;
  14. background:url(../images/product-menu.png) no-repeat;
  15. overflow:hidden;
  16. text-indent:-9999px;
  17. display:block;
  18. cursor:pointer;
  19. }
  20. #product-menu a.last {
  21. margin-right:0;
  22. }
  23. .typetitle{
  24. color:#bb2702;
  25. }
  26. a#air-conditioners {background-position:0 0;}
  27. a#air-conditioners:hover {background-position:0 -244px;}
  28. a#heat-pumps {background-position:-129px 0;}
  29. a#heat-pumps:hover {background-position:-129px -244px;}
  30. a#furnaces {background-position:-258px 0;}
  31. a#furnaces:hover {background-position:-258px -244px;}
  32. a#air-handlers {background-position:-387px 0;}
  33. a#air-handlers:hover {background-position:-387px -244px;}
  34. a#thermostats {background-position:0 -122px;}
  35. a#thermostats:hover {background-position:0 -366px;}
  36. a#indoor-air-quality {background-position:-129px -122px;}
  37. a#indoor-air-quality:hover {background-position:-129px -366px;}
  38. a#packaged-units {background-position:-258px -122px;}
  39. a#packaged-units:hover {background-position:-258px -366px;}
  40. a#humidifiers {background-position:-387px -122px;}
  41. a#humidifiers:hover {background-position:-387px -366px;}
  42. #uvaire{
  43. width:568px;
  44. height:128px;
  45. margin:0 auto;
  46. }
  47. #uvaire a{
  48. width:568px;
  49. height:130px;
  50. border: none;
  51. background:url(../images/uv-aire-products.jpg) no-repeat 0 0;
  52. overflow:hidden;
  53. text-indent:-9999px;
  54. display:block;
  55. cursor:pointer;
  56. }
  57. #uvaire a:hover{
  58. background:url(../images/uv-aire-products.jpg) no-repeat 0 -126px;
  59. }
  60. #selectunit{
  61. font-size:14px;
  62. font-weight:bold;
  63. background-color:#000;
  64. color:#ffffff;
  65. height:25px;
  66. line-height:1.8em;
  67. vertical-align:middle;
  68. border-right:#000 2px solid;
  69. }
  70. .typetitle{
  71. font-size:14px;
  72. font-weight:bold;
  73. color:#316cd2;
  74. }
  75. a.typetitle,a.typetitle:active,a.typetitle:visited{
  76. font-size:14px;
  77. font-weight:bold;
  78. color:#316cd2;
  79. }
  80. a.typetitle:hover{
  81. font-size:14px;
  82. font-weight:bold;
  83. color:#e84500;
  84. }
  85. .typetext{
  86. font-size:14px;
  87. font-weight:normal;
  88. float:left;
  89. }
  90. #typesholder{
  91. background-color:#eeeeee;
  92. border:#cccccc 1px solid;
  93. /*border-left:#cccccc 1px solid;
  94. border-right:#cccccc 1px solid;
  95. border-bottom:#cccccc 1px solid;
  96. height:100px;*/
  97. }
  98. .typeholder{
  99. float:left;
  100. position:relative;
  101. overflow:visible;
  102. }
  103. .unitlink{
  104. font-size:14px;
  105. font-weight:normal;
  106. margin-left:0;
  107. }
  108. a.return_class {
  109. font-size:14px;
  110. font-weight:bold;
  111. display:block;
  112. padding-top:20px;
  113. padding-bottom:20px;
  114. }
  115. #productimgholder{
  116. vertical-align:top;
  117. float:left;
  118. text-align:center;
  119. padding-top:20px;
  120. }
  121. #productdescrholder{
  122. vertical-align:top;
  123. float:left;
  124. width: 550px;
  125. }
  126. #productdescrholder p {
  127. line-height:1.2em;
  128. }
  129. .clear{
  130. clear:both;
  131. }
  132. .typeholderinner{
  133. padding:5px;
  134. min-height:150px;
  135. overflow:visible;
  136. /* height:100px;*/
  137. }
  138. nav ul, nav li, footer ul, footer li { margin: 0; list-style:none; list-style-image: none; }
  139. /* Products Landing */
  140. .products_landing header {background:#383838 url(/Residential/img/products/bg_hdr_youngcouple_landing.jpg) right top no-repeat;}
  141. .products_landing .main_content {padding-top:50px;}
  142. .product_categories {float:left;font-size:0;width:840px;margin:0 auto;text-align:center;}
  143. .product_categories li {display: inline-block;font-size:18px;margin-top:-1px;margin-right:-1px;position:relative;}
  144. .product_categories li img {display:block;}
  145. #product_content {
  146. margin-left: 30px;
  147. }
  148. #product_content .product_categories li a {display:block;padding:32px 18px 17px 18px;background:#fff url(/Residential/img/products/bg_landing_item.png) bottom left repeat-x;border:1px solid #dedede;text-decoration:none;}
  149. #product_content .product_categories li a:hover {background:#bcbcbc url(/Residential/img/products/bg_landing_item.png) top left repeat-x;}
  150. #product_content .product_categories li.subnav a:hover {background:#fff url(/Residential/img/products/bg_landing_item.png) bottom left repeat-x;}
  151. .product_categories li a, .product_categories li h2 {font-family:'FuturaMdCnBTMedium', Arial, sans-serif;font-size:13px;color:#303030;line-height:16px;font-weight:normal;-webkit-font-smoothing:antialiased;}
  152. .product_categories li h2 {margin-top:23px;position:relative;z-index:1;}
  153. .product_categories li ul {display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding-top:25px;background:url(/Residential/img/products/bg_landing_item_overlay.png) top left repeat;}
  154. .product_categories li ul li {float:none;display:block;margin:0;}
  155. #product_content .product_categories li ul li a {background:none;padding:5px 0;color:#fff;border:0;font-size:16px;}
  156. #product_content .product_categories li ul li a:hover, #product_content .product_categories li.subnav ul li a:hover {background:url(/Residential/img/products/bg_landing_text_over.png) top left repeat-x;}