Advertisement
Guest User

My Site CSS

a guest
Mar 8th, 2013
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 27.66 KB | None | 0 0
  1. @charset utf-8;
  2. body{background:url(../images/body-bg.jpg) repeat;font-family:Verdana, Geneva, sans-serif;font-size:12px;margin:0 auto;padding:0; height: 100%;}
  3. /*body{ background-color:#FFFF00; font-family:Verdana, Geneva, sans-serif;font-size:12px;margin:0 auto;padding:0; height: 100%;}*/
  4. .main{background:url(../images/main-bg.png) repeat-y;color:#FF0000;font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:20px;margin:0 auto;padding:0;text-align:justify;width:1100px;}
  5. img{border:0}
  6. a{color:#FF0000;text-decoration:none}
  7. a:hover{color:#7a0000;text-decoration:none}
  8. p{color:#666;font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:20px;text-align:justify}
  9. .clear{clear:both;margin:0;padding:0}
  10. .top-black-strip{background:#000;height:3px;margin:0;padding:0}
  11. .top-navigation-flag{margin:0 0 0 30px;padding:0}
  12. /*.top-left-bg{background:url(../images/top-left-bg.jpg) no-repeat;float:left;height:50px;margin:0;padding:0;width:10px}*/
  13. .top-mid-bg{background-color:#ff0000; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; color: #ffffff; behavior: url(pie/PIE.htc);height:50px;margin:0;padding:0;width:943px}
  14. /*.top-mid-bg{background:url(../images/top-mid-bg.jpg) repeat-x;float:left;height:50px;margin:0;padding:0;width:943px}*/
  15. .top-left-navigation{color:#fff;float:left;font-family:MyCustomFont, serif;font-size:16px;margin:12px 0 0 10px;padding:0}
  16. .top-left-navigation a{color:#fff;display:inline-block;font-family:MyCustomFont, serif;font-size:16px;margin:0;padding:2px 8px;position:relative;text-decoration:none; letter-spacing:1.25px;}
  17. .top-left-navigation a:hover{color:#6a0000;display:inline-block;font-family:MyCustomFont, serif;font-size:16px;margin:0;padding:2px 8px;position:relative;text-decoration:none;}
  18. .customer-service{font-family:MyCustomFont, serif; color:#ffd800;float:right;font-size:11px;font-weight:bold;padding-top:13px; padding-right:15px; letter-spacing:1.25px;}
  19. .no{color:#fff;font-size:14px}
  20. .mcafee-image{float:left;margin:7px 0 0;padding:0;width:130px}
  21. .top-flag-text{color:#fff;float:right;font-family:Verdana, Geneva, sans-serif;font-size:14px;margin:20px 0 0;padding:0;text-shadow:0 1px 1px #333;vertical-align:top}
  22. .top-flag-text img{margin:-20px 0 0;padding:0}
  23. /*.top-right-bg{background:url(../images/top-right-bg.jpg) no-repeat;float:left;height:50px;margin:0;padding:0;width:10px}*/
  24. /**.logo-cart-area{margin:0;padding:0 10px}
  25. .logo-image{float:left;height:102px;margin:10px 5px 5px;padding:0;width:289px}
  26. .search-box{float:left;margin:8px 0 0;padding:0;width:310px}
  27. .search-top-text{color:#000;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:700;margin:5px 0 0 10px;padding:0}
  28. .search-top-text a{color:#000;font-family:Verdana, Geneva, sans-serif;font-size:12px;margin:0;padding:0 5px}
  29. .search-top-text a:hover{color:#ff7600;font-family:Verdana, Geneva, sans-serif;font-size:12px;margin:0;padding:0 5px}
  30. .cart-text{float:right;margin:5px;padding:110px 0 0;width:370px}
  31. .contact-top-text{color:#000;font-family:Verdana, Geneva, sans-serif;font-size:11px;margin:10px 0 0;padding:0}
  32. .contact-top-text a{color:#0c80c4;font-family:Verdana, Geneva, sans-serif;font-size:11px;margin:0;padding:0 5px}
  33. .contact-top-text a:hover{color:#ff7600;font-family:Verdana, Geneva, sans-serif;font-size:11px;margin:0;padding:0 5px}
  34. .cart-area-box{float:left;margin:0 0 5px;padding:0;width:350px}
  35. .cart-area-line{float:left;margin:0;padding:0;width:20px}
  36. .cart-area-text{color:#000;font-family:Verdana, Geneva, sans-serif;font-size:11px;line-height:20px;margin:0;padding:0 10px 0 0;text-align:right}*/
  37. .logo-cart-area{margin:0;padding:0px 20px 0px 15px;}
  38. .logo-image{float:left;height:200px;margin:15px 5px 8px 5px;padding-bottom:15px ; width:960px; border-bottom:1px solid red;}
  39. .search-box{float:left;margin:8px 0 0;padding:0;width:310px}
  40. .search-top-text{color:green;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:700;margin:5px 0 0 10px;padding:0}
  41. .search-top-text a{color:blue;font-family:Verdana, Geneva, sans-serif;font-size:12px;margin:0;padding:0 5px}
  42. .search-top-text a:hover{color:#ff7600;font-family:Verdana, Geneva, sans-serif;font-size:12px;margin:0;padding:0 5px}
  43. .cart-text{float:right;margin:0px ;padding:20px 0 0;width:370px}
  44. .contact-top-text{color:#000;font-family:Verdana, Geneva, sans-serif;font-size:11px;margin:10px 0 0;padding:0}
  45. .contact-top-text a{color:#0c80c4;font-family:Verdana, Geneva, sans-serif;font-size:11px;margin:0;padding:0 5px}
  46. .contact-top-text a:hover{color:#ff7600;font-family:Verdana, Geneva, sans-serif;font-size:11px;margin:0;padding:0 5px}
  47. .cart-area-box{float:left;margin:0 0 10px;padding:0;width:165px}
  48. .cart-area-line{float:left;margin:0;padding:0;width:20px}
  49. .cart-area-text{color:#FFFFFF;font-family:Verdana, Geneva, sans-serif;font-size:11px;line-height:20px;margin:0;padding:0 10px 0 0;text-align:right}
  50. .cart-area-text a{color:#FFFFFF;}
  51.  
  52. @font-face {
  53.  font-family: MyCustomFont; src: url('AdobeGaramondPro.eot'); /* EOT file for IE */
  54.  font-family: MyCustomFont; font-weight:bold; src: url('AdobeGaramondProBold.eot');
  55.  font-family: MyCustomFont; font-style:italic; src: url('AdobeGaramondProItalic.eot');
  56. }
  57. @font-face {
  58.  font-family: MyCustomFont; src: url('AdobeGaramondPro.ttf'); /* TTF file for CSS3 browsers */
  59.  font-family: MyCustomFont; font-weight:bold; src: url('AdobeGaramondProBold.ttf');
  60.  font-family: MyCustomFont; font-style:italic; src: url('AdobeGaramondProItalic.ttf');
  61. }
  62.  
  63. .menu-left-bg{background:url(../images/nav-left-area.jpg) no-repeat;float:left;height:10px;margin:0;padding:0;width:15px;}
  64. .menu-mid-bg{background:url(../images/nav-mid-area.jpg) repeat-x;float:left;height:10px;margin:0;padding:0;width:920px}
  65. .menu-right-bg{background:url(../images/nav-right-area.jpg) no-repeat;float:left;height:10px;margin:0 0px 0 0px;padding:0 0px 0 0px;width:15px;}
  66. /*.menu-left-bg{background:url(../images/nav-left-area.jpg) no-repeat;float:left;height:55px;margin:0;padding:0;width:15px}
  67. .menu-mid-bg{background:url(../images/nav-mid-area.jpg) repeat-x;float:left;height:55px;margin:0;padding:0;width:935px}
  68. .menu-right-bg{background:url(../images/nav-right-area.jpg) no-repeat;float:left;height:55px;margin:0;padding:0;width:15px}*/
  69. .menu-navigation{color:#fff;font-family:Verdana, Geneva, sans-serif;font-size:14px;margin:10px 0 0 15px;padding:0;text-shadow:0 1px 1px #333}
  70. .menu-navigation ul{list-style:none;margin:17px 0;padding:0}
  71. .menu-navigation ul li{background:url(../images/nav-mid-bg.png) no-repeat right;display:inline;margin:0;padding:10px 0}
  72. .menu-navigation ul li a{color:#fff;margin:0 0px;padding:0}
  73. .menu-navigation ul li a:hover{color:#FFB10A;margin:0 0px;padding:0px;}
  74. .middle{margin:4px 20px;padding:0; width:960px;}
  75. .department-banner-area{padding:6px 0 0;width:980px}
  76. .department-area{float:left;margin:0;padding:0;width:200px}
  77. .department-head{background:url(../images/left-side-head.jpg) no-repeat;height:40px;margin:0;padding:0;width:195px}
  78. .department-head-text{color:#fff;font-family:Verdana, Geneva, sans-serif;font-size:14px;font-weight:700;margin:0;padding:7px 0 0 13px;text-shadow:0 1px 1px #333}
  79. .department-text{color:#666;font-family:Verdana, Geneva, sans-serif;font-size:13px;margin:0;padding:0}
  80. .department-text ul li{background:url(../images/left-arrow.jpg) no-repeat left;border-bottom:1px dashed #aaa;margin:0;padding:5px 0 5px 15px;width:172px}
  81. .department-text ul li:hover{background:url(../images/left-arrow-over.jpg) no-repeat left;border-bottom:1px dashed #b81501;margin:0;padding:5px 0 5px 15px}
  82. .banner-area{background:url(../images/banner.jpg) no-repeat;float:left;height:290px;margin:-13px 0 0 4px;padding:0 0 0 10px;width:948px}
  83. .banner-red-strip{background:url(../images/sery.gif) 135px 0 no-repeat;height:86px;margin:0;padding:0;text-align:center;width:960px}
  84. .banner-red-strip-text{color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:26px;margin:0;padding:35px 0 0 70px}
  85. .round-images-area{float:right;margin:0;padding:0;width:220px}
  86. /*.image-effact{-khtml-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;-webkit-border-radius:25px;background:#f60;behavior:url(pie/PIE.htc);border:solid 2px #b5b4b4;border-radius:25px;box-shadow:0 0 7px #d3d3d3;color:#fff;display:inline-block;margin:0;padding:0;position:relative;text-decoration:none}*/
  87. .image-effact{background:#fff;behavior:url(pie/PIE.htc);border:solid 1px #b5b4b4;-webkit-box-shadow: 0px 0px 10px 1px #d3d3d3; box-shadow: 0px 0px 10px 1px #d3d3d3;color:#fff;display:inline-block;margin:0;padding:5px;position:relative;text-decoration:none}
  88. .image-text{background:#ffdf07;border:1px solid #dcb200;border-left:0;color:#272727;font-family:Verdana, Geneva, sans-serif;font-size:13px;margin:-50px 0 0 2px;padding:5px 10px;position:absolute;width:150px}
  89. .image-text-red{background:red;border:1px solid #ba0404;border-left:0;color:#fff;font-family:Verdana, Geneva, sans-serif;font-size:13px;margin:-50px 0 0 2px;padding:5px 10px;position:absolute;width:150px}
  90.  
  91.  
  92.  
  93. .mid-content-image-head{font-family:MyCustomFont, serif; color:red; font-size:20px; font-weight:bold; margin:0 0 10px 0; padding:0;}
  94. .mid-content-images ul li{display:inline;float:left;margin:10px 0 10px 25px;padding:0}
  95. .mid-content-image-text{font-family:MyCustomFont, serif;font-size:15px; font-weight: 600; margin-top:7px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-left: 5px; padding-right: 5px; text-align:center; width:180px; z-index:100; color: #FF0000; line-height:1.25; letter-spacing: 1.1px;}
  96. .mid-category-image-head{font-family:MyCustomFont, serif; color:red; font-size:20px; font-weight:bold; margin-left:100px; margin-bottom: 10px; padding:0; text-align:center; width:750px; letter-spacing: 1.1px;}
  97. .mid-category-image-text-box{margin:2px 0px 0px; padding-left: 5px; padding-right: 5px; text-align:center; width:200px; z-index:100}
  98. .mid-category-image-text{font-family:MyCustomFont, serif;font-size:18px; font-weight: bold; text-align:center; letter-spacing: 1.1px;}
  99. .productcount{font-weight:400; font-family:MyCustomFont, serif; font-size:16px; text-align:center;}
  100.  
  101.  
  102. .mid-content-area{margin:0; padding:0;width:980px}
  103.  
  104. .mid-newsleeter-images{margin:0 0 0 5px;padding:0}
  105. .mid-bot-content-left{float:left;margin:0;padding:0;width:640px}
  106. .mid-bot-content-text{margin:0 0 0 20px;padding:0;width:620px}
  107. .mid-bot-right-area{background:url(../images/right-area-bg.jpg) repeat;border:1px solid #e4e4e4;margin:10px 0 0;min-height:200px;padding:0;width:310px}
  108. .mid-bot-image-paypal{margin:20px 10px;padding:0}
  109.  
  110. .textarea{width:910px; padding-left:25px; padding-right:25px; margin: 0 0 5px 0;}
  111. .pagetitles{width:960px; margin: 0 0px 15px 0px; padding-bottom: 10px; border-bottom: 1px solid #FF0000; color: #FF0000; font-size:20px; font-weight:bold; text-align: center; font-family: MyCustomFont, serif; letter-spacing: 1.1px;}
  112. .pagetitles2{width:960px; margin: 40px 0px 40px 0px; color: #FF0000; font-size:60px; font-weight:bold; text-align: center; font-family: MyCustomFont, serif; letter-spacing: 1.1px;}
  113.  
  114.  
  115. .contactarea{width:450px; padding-left:20px; padding-right:20px; margin: 0 0px 5px 230px;}
  116.  
  117. .note{background-image:url('eggshell.jpg'); width:65%; border:solid 1px #b5b4b4;-webkit-box-shadow: 0px 0px 10px 1px #d3d3d3; box-shadow: 0px 0px 10px 1px #d3d3d3;color:#000; padding: 35px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 30px;}
  118.  
  119. .pts{color:#000000; font-family:MyCustomFont, serif; font-size: 15px;}
  120.  
  121. .productpagewrapper {margin-bottom:30px}
  122.  
  123. /* ============== footer ================ */
  124.  
  125. .bottom                 { bottom:0; height 150px;}
  126. .footer                 { margin: 0px; padding:0; width: 95%;}
  127. .footer .search-box1    {float:left;margin:0px 0 0;padding:0;width:310px}
  128. /*.footer-top               { margin: 0px 0 0 20px; padding: 0px; background:url(../images/footer-top.jpg) no-repeat; width: 300px; height: 35px;}
  129. .footer-top-text        { margin-left: 10px; padding: 10px 0 0 0; font-family: Verdana, Geneva, sans-serif; font-style:italic; font-size: 20px; color:#ffffff; font-weight: bold;}
  130. .footer-top-text span   { margin: 0px; padding: 0px; font-family: Verdana, Geneva, sans-serif; font-style:italic; font-size: 20px; color:#45bbff;}*/
  131. /*.footer-bg                { margin: 0px 0 0 0px; padding: 0px; background:url(../images/footer-bg.jpg) repeat; min-height: 200px; position:relative; text-decoration:none; display:inline-block; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color: #ffffff; behavior: url(pie/PIE.htc); width: 1000px;}*/
  132. .footer-bg              { margin-left: 30px; margin-right: auto; padding: 0px; background-color: #ff0000; repeat; min-height: 100px; text-decoration:none; display:inline-block; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color: #ffffff; behavior: url(pie/PIE.htc); width: 90%; clear: both;}
  133. .footer-links-area      { margin-left: 20px; margin-top: 20px; margin-bottom: 10px; border-top: solid 1px white; padding: 0px; width: 890px; float: left;}
  134. .footer-links           { margin: 20px 0 0 20px; padding: 0px; width: 140px; border-right: 1px solid #222222; float: left;}
  135. .footer-links ul        { margin: 0px; padding: 0px; list-style: none;}
  136. .footer-links ul li     { margin: 0px; padding: 0px; list-style: none;}
  137. .footer-links ul li a   { margin: 0px; padding: 0px; list-style: none; font-size: 11px; color:#999999;}
  138.  
  139. .headerbar              { margin: 0px; padding: 0px; clear:both}
  140. .headerbar-top          { margin: 0px; padding: 0px; padding-left:10px;}
  141. .headerbar-bg           { margin: 0px 0 0 0px; padding: 0px; background:url(../images/footer-bg.png) repeat; min-height: 100px; position:relative; text-decoration:none; display:inline-block; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color: #ffffff; behavior: url(pie/PIE.htc); width: 960px;}
  142.  
  143. .footer-paypal-images   { margin: 20px 0 0 35px; padding: 0px; width: 100px; float: left; clear:both;}
  144. .footer-social-icons    { margin: 20px 0 0 0; padding: 0px; width: 700px; float: right;}
  145. .footer-social-icons{ margin: 0px 0 0 10px; padding: 0px;}
  146.  
  147. .latest-news-area       { margin: 0px; padding: 0px; width: 320px; float: right;}
  148. .footer-news-bg         { margin: 10px 0 0 0; padding: 5px 15px; background:url(../images/footer-news-bg.jpg) repeat; width: 270px; min-height: 200px; position:relative; text-decoration:none; display:inline-block; color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; color: #ffffff; behavior: url(pie/PIE.htc); border: 1px solid #000000; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color:#999999; line-height: 18px;}
  149. .news-text-mid-line     { margin: 7px 0; padding: 0px; border-bottom: 1px dashed #666; height: 1px;}
  150.  
  151. .last-footer-bg         { margin: 0px 0 0 0; padding: 0px;  height: 44px;clear:both}
  152. .footer-copy-text       { margin: 10px 0 0 300px; padding: 0px; float: left; font-size: 11px; color:#FF0000; clear: both;}
  153. .company-name-text      { margin: 10px 10px 0 0; padding: 0px; text-align: center; font-family: MyCustomFont, serif; font-weight: bold; font-size: 14px; color:#FF0000; clear: both;}
  154.  
  155. #statsWrap {
  156. font-family: Arial, Helvetica, sans-serif;
  157. font-size: 10px;
  158. }
  159.  
  160. #statsDetailsWrap {
  161. background: #333333;
  162. float: left;
  163. padding: 1px 3px 1px 1px;
  164. border: #666666 1px inset;
  165. }
  166.  
  167. #statsCount {
  168. float: left;
  169. padding: 1px 3px;
  170. background: #999999;
  171. color: #FFFFFF;
  172. border: #666666 1px inset;
  173. }
  174.  
  175. #statsMetric {
  176. float: left;
  177. padding: 3px;
  178. color: #FFFFFF;
  179. }
  180.  
  181. #byGoogle {
  182. clear: both;
  183. color: #666666;
  184. font-size: 10px;
  185. }
  186.  
  187. .mid-newsletter-images-category{margin:0 0 20px 17px;padding:0}
  188. .department-area-category{float:left;margin:0 0 0 5px;padding:0;width:200px}
  189. .category-page-title{color:#222;margin:10px 0 5px 10px;padding:0}
  190. .department-text-category ul{list-style:none;margin:0 0 0 20px;padding:0}
  191. .department-text-category ul li{background:url(../images/bullets.png) no-repeat left;border-bottom:1px dashed #aaa;margin:0;padding:5px 0 5px 15px;width:150px}
  192. .department-text-category ul li:hover{background:url(../images/bullets.png) no-repeat left;border-bottom:1px dashed #b81501;margin:0;padding:5px 0 5px 15px}
  193. .mid-category-product-area{margin-left: 100px;padding:0;width:800px}
  194. .detail-page-left-area{float:left;margin:0 0 0 5px;padding:0; width:350px}
  195. .mid-details-product-area{float:right;margin:0; padding-left: 15px; padding-right:20px;width:560px}
  196. .mid-content-area-category{margin:0 0 0 10px;padding:15px 0 0;width:980px}
  197. .image-effact-details{-khtml-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;-webkit-border-radius:25px;background:#f60;behavior:url(pie/PIE.htc);border:solid 2px #fff;border-radius:25px;box-shadow:0 0 7px #666;color:#fff;display:inline-block;height:320px;margin:0;padding:0;position:relative;text-decoration:none;width:320px}
  198. .main-content{background:#f7f7f7;margin:0 auto;width:550px}
  199. .review-title h2{color:#000333;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;line-height:20px;margin:20px 0 10px}
  200. .mid-dotted-line{background:url(../images/bg_dotted_horizontal.png) repeat-x;height:2px;margin:10px 0;padding:0}
  201. .star-rating{float:left;margin:0;position:0;width:200px}
  202. .star-content{float:left;margin:0;padding:0;width:700px}
  203. .star-rate-name{color:#444;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;margin:5px 0 0;padding:0}
  204. .product-review-content h3{color:#333;font-family:Arial, Helvetica, sans-serif;font-size:21px;margin:0 0 15px}
  205. .product-review-content-text{color:#444;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;margin:0;padding:0}
  206. .table-head{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:13px;margin:40px 0 10px;text-transform:uppercase}
  207. .table-head-table tr td{color:#333;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:25px;margin:0 0 25px}
  208. .input-text{border:1px solid #999;height:18px;margin:0 0 10px;padding:5px;width:210px}
  209. .review-form-textarea{border:1px solid #999;height:148px;padding:10px;width:400px}
  210. .post-my-review-btn{margin:20px 0 0;padding:0}
  211. .p-capb{color:red;font-size:11px;margin-right:20px;text-transform:uppercase}
  212. .p-save{margin-top:10px}
  213. .p-mrp{font-size:13px}
  214. .payops img{height:20px;margin-right:5px}
  215. .detail-small-images{-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border:solid 1px #fff;border-radius:5px;box-shadow:0 0 3px #666;color:#fff;margin:0 0 0 15px;padding:0}
  216. .orange{background:0;border:solid 1px #da7c0c;color:#fef4e9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a',endColorstr='#f47a20')}
  217. .orange:hover{background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11',endColorstr='#f06015')}
  218. .orange:active{background:0;color:#fcd3a5;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20',endColorstr='#faa51a')}
  219. .round-curve{-khtml-border-radius:10px;-khtml-box-shadow:0 0 1px 1px #afafaf;-khtml-transition:all 1s;-moz-border-radius:10px;-moz-box-shadow:0 0 1px 1px #afafaf;-moz-transition:all 1s;-ms-border-radius:10px;-ms-box-shadow:0 0 1px 1px #afafaf;-ms-transition:all 1s;-o-border-radius:10px;-o-box-shadow:0 0 1px 1px #afafaf;-o-transition:all 1s;-webkit-border-radius:10px;-webkit-box-shadow:0 0 1px 1px #afafaf;-webkit-transition:all 1s;background:#000;behavior:url(pie/PIE.htc);border:1px solid #fff;border-radius:10px;box-shadow:0 0 1px 1px #afafaf;color:#fff;display:inline-block;font-family:Social!important;font-size:25px;height:500px;line-height:40px;position:relative;text-decoration:none;transition:all 1s;width:500px}
  220. .flag-bg{float:left;height:20px;padding-left:10px;padding-top:10px;width:215px}
  221. .flag-img{float:left;height:20px;margin-right:19px;width:34px}
  222. .input{background:url(../images/input.jpg) no-repeat;border:none;float:left;height:43px;padding:0 10px;width:203px}
  223. .input:focus{outline:none}
  224. .search{background:url(../images/search.jpg) no-repeat;border:none;cursor:pointer;float:left;height:73px;width:77px}
  225. /*.image-effact1{-khtml-border-radius:25px;-moz-border-radius:35px;-ms-border-radius:25px;-o-border-radius:25px;-webkit-border-radius:25px;background:#f60;behavior:url(pie/PIE.htc);border:solid 2px #fff;border-radius:25px;box-shadow:0 0 7px #666;color:#fff;display:inline-block;margin:0;padding:0;position:relative;text-decoration:none}*/
  226. .mid-content-image-text1{-khtml-border-radius:0 0 0 10px;-moz-border-radius:0 0 0 10px;-ms-border-radius:0 0 0 10px;-o-border-radius:0 0 0 10px;-webkit-border-radius:0 0 0 10px;background:url(../images/banner-text-bg.jpg) repeat-x;behavior:url(pie/PIE.htc);border:1px solid #ff8300;border-left:0;color:#1a1a1a;font-family:Verdana, Geneva, sans-serif;font-size:13px;margin:-40px 0 0 9px;padding:3px 10px;position:absolute;width:150px}
  227. .add-wish-compare-box{float:left;width:138px}
  228. .more-views ul li{float:left;width:auto}
  229. .top,.bottom,.footer{margin:0;padding:0}
  230. .department-text ul,.mid-content-images ul,.footer-links ul,.footer-links ul li{list-style:none;margin:0;padding:0}
  231. .department-text ul li a,.department-text-category ul li a{color:#666;display:block;font-family:Verdana, Geneva, sans-serif;font-size:13px;margin:0;padding:0}
  232. .department-text ul li a:hover,.department-text-category ul li a:hover{color:#b81501;margin:0;padding:0}
  233. .banner-right-image,.banner-right-image1{margin:0 0 5px;padding:0}
  234. .mid-content-images,.mid-bot-content{margin:10px 0 0;padding:0;}
  235. .mid-bot-content-right,.latest-news-area{float:right;margin:0;padding:0;width:320px}
  236. .ioavail,.iostock{color:#090;font-size:12px;font-weight:700;margin-bottom:4px}
  237. .more-views ul,.department-text-category ol{padding:0}
  238. /********** < Navigation */
  239.  
  240. .nav-container {}
  241.  
  242. #nav { margin:5px 0px 0px 0px; font-size:13px;  }
  243.  
  244.  
  245.  
  246.  
  247.  
  248. /* ALL Levels */ /* Style consistent throughout all nav levels */
  249.  
  250. #nav li { position:relative; text-align:left;   }
  251.  
  252. #nav li.over { z-index:998; }
  253.  
  254. #nav a,
  255.  
  256. #nav a:hover { display:block; line-height:1.3em; text-decoration:none;  }
  257.  
  258. #nav span { display:block; cursor:pointer; white-space:nowrap; }
  259.  
  260. #nav li ul span {white-space:normal; padding:0px !important; background:none !important;  margin-left:10px; }
  261.  
  262. #nav li.over ul { background:none !important;}
  263.  
  264.  
  265.  
  266. /* 0 Level */
  267.  
  268.  
  269.  
  270. #nav li a { background:url(../images/menu_leftcurve.gif) no-repeat scroll left center;}
  271.  
  272. #nav li a span { background:url(../images/menu_rightcurve.gif) no-repeat scroll right center; padding:5px 12px; }
  273.  
  274.  
  275.  
  276. #nav li a:hover { background:url(../images/menu_leftcurve_hover.gif) no-repeat scroll left center;}
  277.  
  278. #nav li a:hover span { background:url(../images/menu_rightcurve_hover.gif) no-repeat scroll right center; padding:5px 12px; }
  279.  
  280.  
  281.  
  282. #nav li.over a { background-image:url(../images/menu_leftcurve_hover.gif); background-repeat:no-repeat; background-position:left center;}
  283.  
  284. #nav li.over a span { background-image:url(../images/menu_rightcurve_hover.gif); background-repeat:no-repeat; background-position:right center; padding:5px 12px; }
  285.  
  286.  
  287.  
  288. #nav li.active a { background-image:url(../images/menu_leftcurve_hover.gif); background-repeat:no-repeat; background-position:left center;}
  289.  
  290. #nav li.active a span { background-image:url(../images/menu_rightcurve_hover.gif); background-repeat:no-repeat; background-position:right center; padding:5px 12px; }
  291.  
  292.  
  293.  
  294. .cms-home #nav li .home-link { background:url(../images/home_icon_left_hover.gif) no-repeat left center !important;}
  295.  
  296. .cms-home #nav li .home-link1 { background:url(../images/home_icon_right_hover.gif) no-repeat right center !important; padding-right:24px;}
  297.  
  298.  
  299.  
  300. #nav li .home-link { background:url(../images/home_icon_left.gif) no-repeat left center;}
  301.  
  302. #nav li .home-link1 { background:url(../images/home_icon_right.gif) no-repeat right center; padding-right:24px;}
  303.  
  304.  
  305.  
  306. #nav li .home-link:hover { background:url(../images/home_icon_left_hover.gif) no-repeat left center;}
  307.  
  308. #nav li .home-link:hover .home-link1 { background:url(../images/home_icon_right_hover.gif) no-repeat right center; padding-right:24px;}
  309.  
  310.  
  311.  
  312.  
  313.  
  314. #nav li { float:left; margin-right:3px; }
  315.  
  316. #nav li.active a { color:#fff; }
  317.  
  318. #nav a { float:left; color:#fff; font-weight:bold; }
  319.  
  320. #nav li.over a,
  321.  
  322. #nav a:hover { color:#fff; }
  323.  
  324. #nav li.over,
  325.  
  326. #nav li.active {  }
  327.  
  328.  
  329.  
  330. /* 1st Level */
  331.  
  332. #nav ul li,
  333.  
  334. #nav ul li.active,
  335.  
  336. #nav ul li.over { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:0px; text-transform:none; }
  337.  
  338. #nav ul li.parent {  }
  339.  
  340. #nav ul li.last { padding-bottom:0; }
  341.  
  342. #nav ul li.active { margin:0; border:0; background:none; }
  343.  
  344. #nav ul a,
  345.  
  346. #nav ul a:hover { float:none; padding:0; background:none; }
  347.  
  348. #nav ul li a { font-weight:normal !important; }
  349.  
  350.  
  351.  
  352. /* 2nd Level */
  353.  
  354. #nav ul,
  355.  
  356. #nav div { position:absolute; width:15em; top:30px; left:-10000px; border:1px solid #484949; padding:0px 0px; background:#484949 !important; font-size:12px; margin-left:1px; }
  357.  
  358.  
  359.  
  360. /* 3rd+ Level */
  361.  
  362. #nav ul ul,
  363.  
  364. #nav ul div { top:5px; }
  365.  
  366.  
  367.  
  368. #nav ul li{ vertical-align:top;}
  369.  
  370. #nav ul li a { padding:5px 5px 5px 17px; color:#fff !important; background-image:none !important; background-color:#484949; !important;  }
  371.  
  372. #nav ul li a:hover { padding:5px 5px 5px 17px; color:#fff !important; background-color:#666666 !important; }
  373.  
  374.  
  375.  
  376. /* Show menu */
  377.  
  378. #nav li ul.shown-sub,
  379.  
  380. #nav li div.shown-sub { left:-1px; z-index:999; }
  381.  
  382. #nav li .shown-sub ul.shown-sub,
  383.  
  384. #nav li .shown-sub li div.shown-sub { left:100px; }
  385.  
  386.  
  387.  
  388. /* Layout Detail */
  389. .wrapper {}
  390.  
  391. .bootom-curve { /*background:url(../images/bottom_curve.gif) no-repeat bottom center; margin-bottom:5px;*/}
  392.  
  393. .page { width:1003px;  text-align:left; /*background-image:url(../images/center_bg.gif); background-repeat:repeat-y; background-position:center;*/
  394.  
  395.  
  396.     -moz-border-bottom-colors: none;
  397.     -moz-border-image: none;
  398.     -moz-border-left-colors: none;
  399.     -moz-border-right-colors: none;
  400.     -moz-border-top-colors: none;
  401.     background: none repeat scroll 0 0 #FFFFFF;
  402.     border-color: #CFCFCF;
  403.     border-style: solid;
  404.     border-width: 0 5px 5px;
  405.     margin: 0 auto 20px;
  406.     padding: 0 20px 20px;
  407.    
  408.      }
  409.  
  410. .page-print { background:#fff; padding:25px 30px; text-align:left; }
  411.  
  412. .page-empty { background:#fff; padding:20px; text-align:left; }
  413.  
  414. .page-popup { background:#fff; padding:25px 30px; text-align:left; }
  415.  
  416. .main-container { }
  417.  
  418. .main { min-height:350px; padding-top:0px; }
  419.  
  420.  
  421.  
  422. /* Base Columns */
  423.  
  424. .col-left { float:left; margin-right:5px; padding:0 0 1px 18px; width:188px; }
  425.  
  426. .col-main { float:left; width:490px; padding:0 0 1px; }
  427.  
  428. .col-right { float:right; padding:0 16px 1px 0; width:188px; }
  429.  
  430.  
  431.  
  432. /* 1 Column Layout */
  433.  
  434. .col1-layout .main { padding:10px 20px 5px; }
  435.  
  436. .col1-layout .col-main { float:none; width:auto; }
  437.  
  438.  
  439.  
  440. /* 2 Columns Layout */
  441.  
  442. .col2-left-layout .col-main { width:775px; }
  443.  
  444. .col2-right-layout .col-main { width:775px; margin-left:20px;}
  445.  
  446.  
  447.  
  448. /* 3 Columns Layout */
  449.  
  450. .col3-layout .col-main { width:582px; }
  451.  
  452. .col3-layout .col-wrapper { float:left; width:689px; }
  453.  
  454. .col3-layout .col-wrapper .col-main { float:right; }
  455.  
  456.  
  457.  
  458. /* Content Columns */
  459.  
  460. .col2-set .col-1 { float:left; width:48.5%; }
  461.  
  462. .col2-set .col-2 { float:right; width:48.5%; }
  463.  
  464. .col2-set .col-narrow { width:32%; }
  465.  
  466. .col2-set .col-wide { width:65%; }
  467.  
  468.  
  469.  
  470. .col3-set .col-1 { float:left; width:32%; }
  471.  
  472. .col3-set .col-2 { float:left; width:32%; margin-left:2%; }
  473.  
  474. .col3-set .col-3 { float:right; width:32%; }
  475.  
  476.  
  477.  
  478. .col4-set .col-1 { float:left; width:23.5%; }
  479.  
  480. .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
  481.  
  482. .col4-set .col-3 { float:left; width:23.5%; }
  483.  
  484. .col4-set .col-4 { float:right; width:23.5%; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement