1. html {background:url(../images/html-bg.jpg);}
  2. body {
  3. 	margin:0;
  4. 	background:url(../images/body-bg.jpg) repeat-x;
  5. 	color:#fff;
  6. 	font:12px Tahoma, Arial, Helvetica, sans-serif;
  7. }
  8. img {border:none;}
  9. form {
  10. 	padding:0;
  11. 	margin:0;
  12. }
  13. a {text-decoration:underline;}
  14. a:hover {text-decoration:none;}
  15. /*page*/
  16. #page {
  17. 	width:1000px;
  18. 	background:url(../images/page-bg.png) no-repeat;
  19. 	overflow:hidden;
  20. }
  21. .main {
  22. 	height:1%;
  23. 	padding:0 71px 40px 78px;
  24. 	overflow:hidden;
  25. 	position:relative;
  26. }
  27. /*primary content*/
  28. .primary-content {
  29. 	height:1%;
  30. 	overflow:hidden;
  31. }
  32. /*right column*/
  33. .right-col {
  34. 	width:535px;
  35. 	margin:453px 0 0;
  36. 	float:right;
  37. }
  38. .contentArea {
  39. 	height:1%;
  40. 	margin:0 0 40px;
  41. 	overflow:hidden;
  42. }
  43. .contentArea .top,
  44. .contentArea .bottom {
  45. 	width:100%;
  46. 	overflow:hidden;
  47. 	text-indent:-9999px;
  48. 	height:4px;
  49. 	background:url(../images/cnt-top.png) no-repeat;
  50. }
  51. .contentArea .bottom {background:url(../images/cnt-btm.png) no-repeat;}
  52.  
  53. .contentArea .inner {
  54. 	padding:10px 20px 20px;
  55. 	height:1%;
  56. 	overflow:hidden;
  57. 	background:url(../images/cnt-inn.png) repeat-y;
  58. }
  59. .contentArea h1 {
  60. 	padding:0 0 0 41px;
  61. 	margin:0 0 14px;
  62. 	font:18px/37px Tahoma, Arial, Helvetica, sans-serif;
  63. 	background:url(../images/item.gif) no-repeat;
  64. }
  65. .contentArea .inner p {margin:0 0 15px;}
  66. /*footer*/
  67. .footer {
  68. 	height:1%;
  69. 	overflow:hidden;
  70. 	text-align:center;
  71. 	font-size:11px;
  72. }
  73. .footer ul {
  74. 	padding:0;
  75. 	margin:0 0 5px;
  76. 	list-style:none;
  77. 	height:1%;
  78. 	overflow:hidden;
  79. }
  80. .footer ul li {
  81. 	display:inline;
  82. 	padding:0 5px;
  83. }
  84. .footer ul li a {color:#fff;}
  85. .footer p {
  86. 	color:#909090;
  87. 	margin:0 0 5px;
  88. }
  89. .footer p a {color:#909090;}
  90. .footer p.design {
  91. 	color:#babab4;
  92. 	font-size:10px;
  93. 	margin:0;
  94. }
  95. .footer p.design a {
  96. 	color:#babab4;
  97. 	text-decoration:none;
  98. }
  99. .footer p.design span {
  100. 	background:url(../images/kavoon.gif) no-repeat 0 1px;
  101. 	padding:0 0 0 14px;
  102. }	
  103. .footer p.design a:hover {text-decoration:underline;}
  104. /*left column*/
  105. .left-col {
  106. 	width:252px;
  107. 	float:left;
  108. }
  109. .menus-box {
  110. 	width:124px;
  111. 	height:376px;
  112. 	overflow:hidden;
  113. }
  114. ul.lang {
  115. 	padding:0 0 0 44px;
  116. 	margin:0 0 16px;
  117. 	list-style:none;
  118. 	width:80px;
  119. 	overflow:hidden;
  120. }
  121. ul.lang li {
  122. 	float:left;
  123. 	padding:0 6px 0 0;
  124. 	font-size:11px;
  125. }
  126. ul.lang li a {
  127. 	color:#fff;
  128. 	text-decoration:none !important;
  129. 	display:block;
  130. 	padding:1px 0 0;
  131. }
  132. ul.lang li a:hover,
  133. ul.lang li.active a {background:url(../images/arrow.gif) no-repeat 50% 0;}
  134.  
  135. ul.menu {
  136. 	padding:0;
  137. 	margin:0;
  138. 	list-style:none;
  139. 	width:100%;
  140. 	overflow:hidden;
  141. }
  142. ul.menu li {
  143. 	height:1%;
  144. 	overflow:hidden;
  145. 	margin:0 0 2px;
  146. 	font:17px/24px Tahoma, Arial, Helvetica, sans-serif;
  147. }
  148. ul.menu li a {
  149. 	display:block;
  150. 	height:26px;
  151. 	text-align:center;
  152. 	color:#fff;
  153. 	text-decoration:none !important;
  154. 	background:url(../images/menu-act.gif) no-repeat 14px 0;
  155. }
  156. ul.menu li a:hover,
  157. ul.menu li.active a {background-position:14px -26px;}
  158. ul.menu ul {
  159. 	padding:5px 0 0;
  160. 	margin:0;
  161. 	list-style:none;
  162. 	height:1%;
  163. 	overflow:hidden;
  164. }
  165. ul.menu ul li {
  166. 	height:1%;
  167. 	overflow:hidden;
  168. 	font:11px/15px Tahoma, Arial, Helvetica, sans-serif;
  169. }
  170. ul.menu ul li a {
  171. 	background:none;
  172. 	height:auto;
  173. 	text-decoration:underline !important;
  174. }
  175. ul.menu ul li.active a {font-weight:bold;}
  176. ul.menu ul li a:hover {text-decoration:none !important;}
  177. ul.gallery {
  178. 	height:1%;
  179. 	overflow:hidden;
  180. 	padding:0;
  181. 	margin:0;
  182. 	list-style:none;
  183. }
  184. ul.gallery li {
  185. 	float:left;
  186. 	width:81px;
  187. 	font:18px/81px Tahoma, Arial, Helvetica, sans-serif;
  188. 	text-align:center;
  189. 	height:81px;
  190. 	background:url(../images/gallery-bg.gif) no-repeat;
  191. 	padding:0 3px 3px 0;
  192. }
  193. ul.gallery li img {
  194. 	background:url(../images/img-gallery.jpg) no-repeat;
  195. 	padding:2px;
  196. 	width:77px;
  197. 	height:77px;
  198. }
  199. ul.gallery li a {
  200. 	display:block;
  201. 	color:#fff;
  202. 	text-decoration:none;
  203. }
  204. ul.gallery li a:hover {text-decoration:underline;}
  205. .coffee {
  206. 	width:667px;
  207. 	height:396px;
  208. 	position:absolute;
  209. 	background:url(../images/coffee.png) no-repeat;
  210. 	text-indent:-9999px;
  211. 	top:0;
  212. 	right:17px;
  213. }
  214.  
  215. /* products page
  216. ---------------- */
  217.  
  218. .product-cnt {
  219. 	height:1%;
  220. 	overflow:hidden;
  221. 	margin:0 0 10px;
  222. }
  223. .product-cnt img {float:left;}
  224. .product-info {
  225. 	float:right;
  226. 	width:226px;
  227. 	overflow:hidden;
  228. }
  229. .product-info h2 {
  230. 	margin:10px 0 0;
  231. 	font:18px Tahoma, Arial, Helvetica, sans-serif;
  232. }
  233. .inner .product-info p {
  234. 	font-size:10px;
  235. 	margin:0;
  236. }
  237. .product-info p strong {font-size:12px;}
  238. .product-info ul {
  239. 	margin:0;
  240. 	padding:10px 0 0;
  241. 	list-style:none;
  242. 	width:240px;
  243. 	overflow:hidden;
  244. }
  245. .product-info ul li {
  246. 	float:left;
  247. 	margin:0 14px 10px 0;
  248. 	padding:2px;
  249. 	background:url(../images/brd.gif) no-repeat;
  250. 	width:42px;
  251. 	height:42px;
  252. 	overflow:hidden;
  253. }
  254. .product-top {
  255. 	position:absolute;
  256. 	top:6px;
  257. 	right:9px;
  258. 	width:609px;
  259. 	height:359px;
  260. 	overflow:hidden;
  261. }
  262. .product-top a {
  263. 	display:block;
  264. 	overflow:hidden;
  265. 	width:609px;
  266. 	height:359px;
  267. 	text-indent:-9999px;
  268. }
  269. .product-top a span {
  270. 	display:block;
  271. 	background:url(../images/product-top.png) no-repeat;
  272. 	width:609px;
  273. 	height:718px;
  274. 	cursor:pointer;
  275. }
  276. .product-top a:hover {border:0;}
  277. .product-top a:hover span {margin:-359px 0 0;}
  278. .logo {
  279. 	position:absolute;
  280. 	top:329px;
  281. 	right:77px;
  282. 	background:url(../images/logo.png) no-repeat;
  283. 	text-indent:-9999px;
  284. 	width:140px;
  285. 	height:93px;
  286. }