home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / template26 / style.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-10-10  |  6.4 KB  |  406 lines
  1. * {
  2.     margin: 0px;
  3.     padding: 0px;
  4. }
  5.  
  6. body {
  7.     padding: 25px 0px 25px;
  8.     background-color: #749a01;
  9.     color: #415005;
  10.     font-family: tahoma, arial, sans-serif;
  11.     font-size: 11px;
  12.     text-align: center;
  13. }
  14.  
  15. a {
  16.     color: #4e6200;
  17.     background-color: inherit;
  18.     text-decoration: underline;
  19. }
  20.  
  21. a:hover {
  22.     color: #6f8c00;
  23.     background-color: inherit;
  24. }
  25.  
  26. span {
  27.     display: none;
  28. }
  29.  
  30. img {
  31.     border: none;
  32. }
  33.  
  34. ul {
  35.     list-style-type: none;
  36. }
  37.  
  38. li {
  39.     list-style-type: none;
  40. }
  41.  
  42. p {
  43.     margin: 6px 0px 10px;
  44.     text-align: justify;
  45.     line-height: 14px;
  46. }
  47.  
  48. .clearthis {
  49.     margin : 0px;
  50.     height : 1px;
  51.     clear : both;
  52.     float : none;
  53.     font-size: 1px;
  54.     line-height: 0px;
  55.     overflow : hidden;
  56.     visibility: hidden;
  57. }
  58.  
  59. input {
  60.     padding: 2px 0px;
  61.     color: #415005;
  62.     background-color: #fff;
  63.     border: #576c04 1px solid;
  64.     font-family: tahoma, arial, sans-serif;
  65.     font-size: 11px;
  66.     font-weight: bold;
  67. }
  68.  
  69.  
  70. #body_wrapper {
  71.     margin: 0px auto;
  72.     padding: 3px 0px;
  73.     width: 786px;
  74.     background-color: #fff;
  75.     color: inherit;
  76. }
  77.  
  78. #container {
  79.     margin: 0px 3px;
  80.     background-color: #90b304;
  81.     color: inherit;
  82.     text-align: left;
  83. }
  84.  
  85. .thumbnail {
  86.     margin: 8px 7px 5px 0px;
  87.     float: left;
  88. }
  89.  
  90.  
  91. /* Page Header */
  92.  
  93. #page_header {
  94.     width: 780px;
  95.     height: 55px;
  96.     background-color: #96bb27;
  97.     color: inherit;
  98.     overflow: hidden;
  99.     padding: 0px;
  100. }
  101.  
  102. #page_header h1 {
  103.     width: 230px;
  104.     height: 55px;
  105.     background: url('images/company_logo.gif') no-repeat 0% 50%;
  106.     float: left;
  107. }
  108.  
  109.  
  110. /* Page Search */
  111.  
  112. #page_search {
  113.     margin: 15px 12px;
  114.     width: 200px;
  115.     float: right;
  116.     font-weight: bold;
  117. }
  118.  
  119. #page_search h3 {
  120.     padding-top: 5px;
  121.     float: left;
  122.     font-size: 11px;
  123. }
  124.  
  125. #page_search input {
  126.     margin: 2px 3px 0px 7px;
  127.     width: 120px;
  128.     float: left;
  129. }
  130.  
  131. #page_search input.button {
  132.     margin: 0px;
  133.     padding: 0px;
  134.     width: 23px;
  135.     height: 21px;
  136.     color: #fff;
  137.     background: url('images/search_button.gif') #96bb27 no-repeat 0% 2px;
  138.     border: none;
  139.     font-size: 10px;
  140.     text-align: center;
  141.     cursor: pointer;
  142. }
  143.  
  144.  
  145. /* Main Area */
  146.  
  147. #mainarea {
  148.     width: 780px;
  149.     background: url('images/main_image.jpg') no-repeat;
  150. }
  151.  
  152. #mainarea_2 {
  153.     margin-top: 260px;
  154.     width: 780px;
  155.     background: url('images/categorymenu_bg.gif') repeat-y 706px;
  156. }
  157.  
  158.  
  159. /* Navigational Menu */
  160.  
  161. #navmenu {
  162.     width: 780px;
  163.     height: 42px;
  164.     overflow: hidden;
  165. }
  166.  
  167. #navmenu li {
  168.     float: left;
  169.     padding-right: 34px;
  170.     height: 42px;
  171.     background: url('images/navmenu_background.gif') no-repeat;
  172. }
  173.  
  174. #navmenu li#menu_4 {
  175.     padding-right: 26px;
  176. }
  177.  
  178. #navmenu li#menu_5 {
  179.     padding: 0px;
  180.     background: url('images/navmenu_background_5.gif') no-repeat;
  181. }
  182.  
  183. #navmenu li a {
  184.     width: 130px;
  185.     height: 32px;
  186.     display: block;
  187.     background-position: 50% 50%;
  188.     background-repeat: no-repeat;
  189. }
  190.  
  191. #navmenu #menu_1 a {
  192.     background-image: url('images/navmenu_home.gif');
  193. }
  194.  
  195. #navmenu #menu_2 a {
  196.     background-image: url('images/navmenu_store.gif');
  197. }
  198.  
  199. #navmenu #menu_3 a {
  200.     background-image: url('images/navmenu_faq.gif');
  201. }
  202.  
  203. #navmenu #menu_4 a {
  204.     background-image: url('images/navmenu_resource.gif');
  205. }
  206.  
  207. #navmenu #menu_5 a {
  208.     margin-left: 2px;
  209.     background-image: url('images/navmenu_contact.gif');
  210. }
  211.  
  212.  
  213. /* Category Menu */
  214.  
  215. #categorymenu {
  216.     margin-left: 643px;
  217.     width: 129px;
  218.     position: absolute;
  219.     z-index: 1;
  220. }
  221.  
  222. #categorymenu ul {
  223.     position: relative;
  224.     top: -2px;
  225. }
  226.  
  227. #categorymenu li {
  228.     width: 129px;
  229.     height: 39px;
  230.     background-image: url('images/categorymenu_bg_left.gif');
  231.     background-repeat: no-repeat;
  232.     position: relative;
  233.     top: -12px;
  234. }
  235.  
  236. #categorymenu #catmenu_1 {
  237.     position: static;
  238. }
  239.  
  240. #categorymenu #catmenu_2 {
  241.     height: 32px;
  242.     background-image: url('images/categorymenu_bg_right.gif');
  243.     background-position: 100% 0%;
  244.     position: static;
  245. }
  246.  
  247. #categorymenu #catmenu_3 {
  248.     position: static;
  249. }
  250.  
  251. #categorymenu #catmenu_4 {
  252.     height: 39px;
  253.     background-image: url('images/categorymenu_bg_left.gif');
  254.     background-position: 100% 0%;
  255.     top: -16px;
  256. }
  257.  
  258. #categorymenu li a {
  259.     display: block;
  260.     width: 129px;
  261.     height: 32px;
  262.     background-repeat: no-repeat;
  263. }
  264.  
  265. #categorymenu #catmenu_1 a {
  266.     background-image: url('images/categorymenu_top.gif');
  267.     background-position: 15px 12px;
  268. }
  269.  
  270. #categorymenu #catmenu_2 a {
  271.     background-image: url('images/categorymenu_bottom.gif');
  272.     background-position: 70px 5px;
  273. }
  274.  
  275. #categorymenu #catmenu_3 a {
  276.     background-image: url('images/categorymenu_skirts.gif');
  277.     background-position: 15px 13px;
  278. }
  279.  
  280. #categorymenu #catmenu_4 a {
  281.     background-image: url('images/categorymenu_handbags.gif');
  282.     background-position: 52px 10px;
  283. }
  284.  
  285. #categorymenu #catmenu_5 a {
  286.     background-image: url('images/categorymenu_shoes.gif');
  287.     background-position: 15px 15px;
  288. }
  289.  
  290.  
  291.  
  292. /* Main Content */
  293.  
  294. #maincontent_1 {
  295.     padding: 39px 158px 33px;
  296.     background: url('images/content_bg_top.jpg') no-repeat 158px 28px;
  297.  
  298. }
  299.  
  300. #maincontent_2 {
  301.     padding-top: 5px;
  302.     width: 463px;
  303.     background: url('images/content_bg.jpg') repeat-y;
  304. }
  305.  
  306. #maincontent_3 {
  307.     padding: 0px 18px 10px 23px;
  308.     background: url('images/content_bg_bot.jpg') no-repeat 0px 100%;
  309.     text-align: left;
  310. }
  311.  
  312. .link_details {
  313.     font-size: 10px;
  314.     font-weight: bold;
  315. }
  316.  
  317.  
  318. /* Featured Products */
  319.  
  320. #featured {
  321.     width: 205px;
  322.     float: left;
  323. }
  324.  
  325. #featured h2 {
  326.     height: 17px;
  327.     background: url('images/featured_header.gif') no-repeat;
  328. }
  329.  
  330.  
  331. /* Category: Skirts */
  332.  
  333. #skirts {
  334.     width: 200px;
  335.     float: right;
  336. }
  337.  
  338. #skirts h2 {
  339.     height: 17px;
  340.     background: url('images/03skirts_header.gif') no-repeat 100% 0%;
  341. }
  342.  
  343.  
  344. /* Page Footer */
  345.  
  346. #page_footer {
  347.     padding: 0px 20px;
  348.     background-color: #7a7a7b;
  349.     height: 35px;
  350.     color: #fff;
  351.     overflow: hidden;
  352.     font-weight: bold;
  353. }
  354.  
  355. #page_footer a {
  356.     background-color: inherit;
  357.     color: #fff;
  358. }
  359.  
  360. #page_footer a:hover {
  361.     background-color: inherit;
  362.     color: #b8d255;
  363. }
  364.  
  365. #designby {
  366.     margin-top: 12px;
  367.     float: left;
  368.     width: 250px;
  369.     font-size: 10px;
  370. }
  371.  
  372. /* Footer Links */
  373.  
  374. #footer_links {
  375.     margin-top: 11px;
  376.     width: 315px;
  377.     float: right;
  378. }
  379.  
  380. #footer_links a {
  381.     text-decoration: none;
  382. }
  383.  
  384. #footer_links li {
  385.     padding: 0px 14px;
  386.     float: left;
  387.     background: url('images/footerlinks_div.gif') no-repeat 100% 2px;
  388. }
  389.  
  390. #footer_links li#last {
  391.     padding-right: 0px;
  392.     background: none;
  393. }
  394.  
  395.  
  396. /* Main Model */
  397.  
  398. #mainmodel {
  399.     margin-top: 71px;
  400.     width: 211px;
  401.     height: 435px;
  402.     background: url('images/main_model.gif') no-repeat;
  403.     overflow: hidden;
  404.     position: absolute;
  405.     z-index: 1;
  406. }