home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / 501x / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-11-27  |  9.6 KB  |  122 lines
  1. /* CSS Document */
  2. body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x #fff; color:#5E5E5E; font:13px/18px Arial, Helvetica, sans-serif;}
  3. div, p, ul, h2, h3, img{padding:0px; margin:0px;}
  4. ul{list-style-type:none;}
  5.  
  6. /*----TOP PANEL----*/
  7. #topPan{width:778px; height:158px; position:relative; margin:0 auto; background:url(images/topPan-bg.gif) 0 0 repeat-x #15AEFD; color:#fff; padding:0px;}
  8. #topPan img.logo{width:245px; height:37px; position:absolute; top:33px; left:43px;}
  9. #topPan img.book{width:158px; height:99px; position:absolute; top:20px; right:46px;}
  10.  
  11. #topPan p{font-size:16px; padding:70px 0 0 43px;}
  12.  
  13. #topContactPan{width:159px; height:51px; position:absolute; top:43px; right:240px;}
  14. #topContactPan p.callus{background:#0C71A4; color:#fff; width:64px; height:14px; line-height:14px; font-size:14px; font-weight:bold; text-transform:uppercase; padding:0px;}
  15. #topContactPan p.no{font-size:26px; padding:4px 0 0;}
  16.  
  17. #topMenuPan{width:683px; height:16px; position:absolute; bottom:9px; left:48px;}
  18. #topMenuLeftPan{width:69px; height:16px; float:left; background:url(images/menu-leftbg.gif) 0 0 no-repeat;}
  19. #topMenuMiddlePan{width:544px; height:16px; float:left;}
  20.  
  21. #topMenuMiddlePan ul{width:544px; height:16px;}
  22. #topMenuMiddlePan ul li{width:67px; height:16px; border-right:1px solid #E5E5E5; float:left;}
  23. #topMenuMiddlePan ul li a{width:67px; height:16px; display:block; background:#fff; color:#4A4A4A; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
  24. #topMenuMiddlePan ul li a:hover{background:#fff; color:#0574AF; text-decoration:none;}
  25. #topMenuMiddlePan ul li.home{background:#fff; color:#0574AF; text-decoration:none; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-transform:uppercase;}
  26. #topMenuMiddlePan ul li.contact{width:67px; border-right:1px solid #fff;}
  27. #topMenuMiddlePan ul li.contact a{width:67px; height:16px; display:block; background:#fff; color:#4A4A4A; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
  28. #topMenuMiddlePan ul li.contact a:hover{background:#fff; color:#0574AF; text-decoration:none;}
  29.  
  30. #topMenuRightPan{width:70px; height:16px; float:left; background:url(images/menu-rightbg.gif) 0 0 no-repeat;}
  31. /*----/TOP PANEL----*/
  32. /*----BODY PANEL----*/
  33. #bodyPan{width:683px; position:relative; margin:0 auto; padding:25px 0 0;}
  34. /*----BODY LEFT PANEL----*/
  35. #bodyLeftPan{width:410px; float:left; padding:12px 36px 0 0;}
  36. #bodyLeftPan h2{width:410px; height:30px; background:url(images/border1.gif) 100% 70% no-repeat #fff; color:#00111A; font:28px/28px Georgia, "Times New Roman", Times, serif;}
  37. #bodyLeftPan h2 span{background:#fff; color:#046598;}
  38.  
  39. #bodyLeftPan h3{width:410px; height:30px; background:url(images/border2.gif) 100% 70% no-repeat #fff; color:#00111A; font:28px/28px Georgia, "Times New Roman", Times, serif;}
  40. #bodyLeftPan h3 span{background:#fff; color:#046598;}
  41.  
  42. #bodyLeftPan p{padding:7px 0 0;}
  43. #bodyLeftPan p span{background:#fff; color:#046598; font-weight:bold;}
  44.  
  45. #bodyLeftPan ul{width:410px; margin:10px 0 0;}
  46. #bodyLeftPan ul li{width:410px; height:20px;}
  47. #bodyLeftPan ul li a{width:390px; height:20px; background:url(images/button.gif) 0 6px no-repeat #fff; color:#1A1A1A; text-decoration:underline; padding:0 0 0 20px;}
  48. #bodyLeftPan ul li a:hover{width:390px; height:20px; background:url(images/button-hover.gif) 0 6px no-repeat #fff; color:#676363; text-decoration:underline;}
  49.  
  50. #bodyLeftPan p.more{background:#F3F3F3; color:#003D5C; width:410px; height:11px; margin:25px 0; padding:0px; line-height:11px; font-size:11px; }
  51. #bodyLeftPan p.more a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
  52. #bodyLeftPan p.more a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}
  53.  
  54. #bodyLeftNextPan{width:410px; clear:both; padding:10px 0 0;}
  55. #bodyLeftPan p.next{background:#F3F3F3; color:#003D5C; width:410px; height:11px; padding:0px; line-height:11px; font-size:11px; clear:both; }
  56. #bodyLeftPan p.next a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
  57. #bodyLeftPan p.next a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}
  58.  
  59. #bookcatagories{width:410px; position:relative; margin:0 auto; padding:5px 0 0;}
  60. #namePan{width:156px; float:left; background:url(images/name-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
  61. #nameonePan{width:156px; float:left;}
  62. #nameonePan ul{width:156px;}
  63. #nameonePan ul li{width:140px; height:20px; background:url(images/arrow.gif) 0 6px no-repeat #fff; color:#03537D; padding:0 0 0 10px;}
  64.  
  65. #pricePan{width:106px; float:left; background:url(images/price-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
  66. #priceonePan{width:143px; float:left;}
  67. #priceonePan ul{width:143px;}
  68. #priceonePan ul li{width:133px; height:20px; background:url(images/price-border.gif) 100% 50% no-repeat #fff; color:#00111A; line-height:20px; font-size:12px; font-weight:bold; padding:0 0 0 10px;}
  69.  
  70. #discountPan{width:126px; float:left; background:url(images/discount-dot.gif) 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase; padding:0 0 0 12px;}
  71. #discountonePan{width:110px; float:left;}
  72. #discountonePan ul{width:110px;}
  73. #discountonePan ul li{width:100px; height:20px; background:url(images/dicount-border.gif) 100% 50% no-repeat #fff; color:#00111A; font-size:12px; font-weight:bold; padding:0 0 0 10px;}
  74.  
  75. /*----/BODY LEFT PANEL----*/
  76. /*----BODY RIGHT PANEL----*/
  77. #bodyRightPan{width:235px; float:left; border:1px solid #DADADA; background:#F3F3F3; color:#1A1A1A; padding:0 0 28px;}
  78.  
  79. #bodyRightPan h2{width:195px; height:35px; display:block; border:1px solid #DADADA; background:#fff; color:#00111A; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 16px; padding:0 0 0 20px;}
  80. #bodyRightPan h2 span{background:#fff; color:#046598;}
  81.  
  82. #bodyRightPan h3{width:195px; height:35px; display:block; border:1px solid #DADADA; background:#fff; color:#00111A; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 0; padding:0 0 0 20px;}
  83. #bodyRightPan h3 span{background:#fff; color:#046598;}
  84.  
  85. #bodyRightPan ul{width:180px; margin:0 0 17px 29px;}
  86. #bodyRightPan ul li{width:180px; height:18px;}
  87. #bodyRightPan ul li a{width:160px; height:18px; display:block; background:url(images/button.gif) 0 6px no-repeat #F3F3F3; color:#1A1A1A; text-decoration:none; padding:0 0 0 20px;}
  88. #bodyRightPan ul li a:hover{background:url(images/button-hover.gif) 0 6px no-repeat #F3F3F3; color:#797878; text-decoration:none;}
  89.  
  90. #bodyRightPan p{padding:0px 29px 0px 29px;}
  91. #bodyRightPan p.boldtext{padding:10px 29px 0px; font-size:14px; background:#F3F3F3; color:#1A1A1A; font-weight:bold;}
  92.  
  93. #bodyRightPan p.more{background:#fff; color:#003D5C; width:175px; height:11px; margin:10px 29px 10px; padding:0px; line-height:11px; }
  94. #bodyRightPan p.more a{display:block; width:44px; height:11px; background:#F3F3F3; color:#003D5C; text-decoration:none; margin:0 0 0 97px; font-size:11px; line-height:11px; text-align:center; text-transform:uppercase;}
  95. #bodyRightPan p.more a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}
  96. /*----/BODY RIGHT PANEL----*/
  97. /*----/BODY PANEL----*/
  98. /*----FOOTER PANEL----*/
  99. #footermainPan{height:85px; background:url(images/footerbg.gif) 0 0 repeat-x #fff; color:#010101; clear:both; padding:72px 0 0;}
  100.  
  101. #footerPan{width:683px; position:relative; margin:0 auto; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif}
  102.  
  103. #footerPan ul{width:624px; position:relative; margin:0 auto;}
  104. #footerPan li{float:left; }
  105. #footerPan ul li a{padding:0 10px 0; color:#010101; background:#F3F3F3; text-decoration:none;}
  106. #footerPan ul li a:hover{text-decoration:underline;}
  107.  
  108. #footerPan p.copyright{width:204px; background:#F3F3F3; color:#04496D; position:absolute; top:23px; left:40px; font-size:12px;}
  109.  
  110. #footerPan ul.templateworld{width:250px; background:#F3F3F3; color:#444; display:block; position:absolute; top:40px; left:40px; font-size:10px;}
  111. #footerPan ul.templateworld li{height:20px;}
  112. #footerPan ul.templateworld li a{background:#F3F3F3; display:block; color:#444; text-decoration:none;}
  113. #footerPan ul.templateworld li a:hover{text-decoration:underline;}
  114.  
  115. #footerPanhtml{width:60px; height:13px; display:block; position:absolute; top:26px; left:260px;}
  116. #footerPanhtml a{width:48px; height:11px; display:block; background:url(images/blue-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px;}
  117. #footerPanhtml a:hover{background:url(images/gray-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F;}
  118.  
  119. #footerPancss{width:50px; height:13px; display:block; position:absolute; top:26px; left:320px;}
  120. #footerPancss a{width:40px; height:11px; display:block; background:url(images/blue-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px; text-transform:uppercase;}
  121. #footerPancss a:hover{background:url(images/gray-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F;}
  122.