1. body {
   2. background-color: #FFFFFF;
   3. font-family: arial, helvetica, sans-serif;
   4. font-size:12px;
   5. }
   6.
   7. #images-top {
   8. height: 100px;
   9. }
  10.
  11. #header-top #logo {
  12. float: left;
  13. }
  14.
  15. #header-top #address {
  16. margin-top: 66px;
  17. float: right;
  18. }
  19.
  20. div#header-home {
  21. float: left;
  22. }
  23.
  24. div#header-home div {
  25. width: 100%;
  26. height: auto;
  27. }
  28.
  29. div#allcontent
  30. {
  31. width: 776px;
  32. margin: 0 auto 0 auto;
  33. }
  34.
  35. div#main {
  36. float: left;
  37. }
  38.
  39. /* MENU */
  40.
  41. #topnavi{
  42. float:left;
  43. border-top:1px solid #009d6d;
  44. border-bottom: 1px solid #009d6d;
  45. padding:1px 0px 1px 0px;
  46. height:28px;
  47. }
  48.
  49. #topnavi ul{
  50. list-style:none;
  51. margin:0px;
  52. height:auto;
  53. }
  54.
  55. #topnavi ul li{
  56. float:left;
  57. line-height:28px;
  58. border-right:1px solid #CCCCCC;
  59. }
  60.
  61. #topnavi ul li.lastitem {
  62. border-right: 0px;
  63. }
  64.
  65. #topnavi ul li:hover{
  66. background-color:#dff0e4;
  67.
  68. }
  69.
  70. #topnavi a{
  71. color:#666666;
  72. font-size:11px;
  73. font-weight:bold;
  74. display:block;
  75. text-decoration:none;
  76. padding-left:8px;
  77. padding-right:8px;
  78. }
  79.
  80. #topnavi a:hover, #topnavi .active{
  81. color:#009b6b;
  82. background-color:#dff0e4;
  83. }
  84.
  85.
  86.
  87. #leftnavi{
  88. float:left;
  89. }
  90.
  91. #rightnavi {
  92. float:right;
  93. }
  94.
  95.
  96. /* HEADER */
  97.
  98. #gradiant {
  99. float: left;
 100. height: 15px;
 101. width: 100%;
 102. background-image:url("../images/greenshadow.gif");
 103. margin-bottom:-3px;
 104. }
 105.
 106. #header-home {
 107. float: left;
 108. height: 60px;
 109. width: 100%;
 110. margin-top: 3px;
 111. margin-bottom: 15px;
 112.
 113. }
 114.
 115. .page {
 116. background-image:url("../images/banner.gif");
 117. }
 118.
 119. .home {
 120. background-image:url("../images/greenback.gif");
 121. }
 122.
 123. #header-home h1 {
 124. color: #FFF;
 125. font-size: 15px;
 126. text-align: center;
 127. padding: 0px;
 128. margin: 0px;
 129. line-height: 60px;
 130. letter-spacing: 2px;
 131. }
 132.
 133.
 134. /* HOME */
 135.
 136. #home-images{
 137. float:left;
 138. margin-top:15px;
 139. padding-bottom:15px;
 140. }
 141.
 142. #home-images img.middle{
 143. padding:0px 8px 0px 8px;
 144. }
 145.
 146. #home-block {
 147. float: left;
 148. width: 776px;
 149. height: 120px;
 150. background-image:url("../images/greenback.gif");
 151. }
 152.
 153.
 154. /* SUBMENU */
 155.
 156. #submenu {
 157. float: left;
 158. width: 180px;
 159. margin-top: 5px;
 160. }
 161.
 162. #submenu ul {
 163. margin-top: 0px;
 164. margin-left: 0px;
 165. list-style: none;
 166. }
 167.
 168. #submenu ul li {
 169. background-image: url("../images/submenu-bg.jpg");
 170. margin: 0px;
 171. line-height: 24px;
 172. padding-left: 0px;
 173. border-bottom: 1px solid #02C68A;
 174. }
 175.
 176. #submenu a {
 177. background-image: url("../images/submenu.jpg");
 178. background-repeat: no-repeat;
 179. text-decoration: none;
 180. display: block;
 181. color: #FFF;
 182. font-weight: bold;
 183. font-size: 11px;
 184. padding-left: 20px;
 185. }
 186.
 187. div.object-right {
 188. float: left;
 189. margin-right: 30px;
 190. margin-left: 30px;
 191. }
 192.
 193. #submenu li.active, #submenu li:hover {
 194. background-image: url("../images/submenu-bg-active.jpg");
 195.
 196. }
 197.
 198. #submenu li.active a, #submenu a:hover {
 199. background-image: url("../images/submenu-active.jpg");
 200. }
 201.
 202.
 203. /* PRODUCT VIEW */
 204.
 205. .product{
 206. background-color:#009d6d;
 207. }
 208.
 209. .product td{
 210. background-color:#FFFFFF;
 211. vertical-align:top;
 212. }
 213. .product .image{
 214. border:10px solid #FFFFFF;
 215. width:80px;
 216. }
 217.
 218. .product .text{
 219. padding:5px;
 220. }
 221.
 222. p.price{
 223. color:#990000;
 224. font-weight:bold;
 225. }
 226.
 227. p.description{
 228. color:#999999;
 229. font-size:90%;
 230. }
 231. span.code{
 232. color:#FF6600;
 233. font-size:90%;
 234. }
 235.
 236. p.title{
 237. color:#006600;
 238. font-weight:bold;
 239. }
 240.
 241. p.make{
 242. color:#006600;
 243. font-size:90%;
 244. font-weight:bold;
 245. }
 246.
 247. .product a{
 248. color:#006600;
 249. }
 250. .product a:hover{
 251. color:#000000;
 252. text-decoration:none;
 253. }
 254.
 255. .more{
 256. width:100px;
 257. padding:5px;
 258. }
 259.
 260.
 261. /* CONTENT WHEN SUBMENU */
 262.
 263. div#content {
 264. width: 580px;;
 265. float: right;
 266. margin-left: 5px;
 267. margin-top: 5px;
 268. }
 269.
 270. div#content.basket {
 271. background-color: #EEE;
 272. }
 273.
 274. /* BASKET SUBMENU */
 275.
 276. #basket_submenu td{
 277. padding:5px;
 278. background-color:#CCCCCC;
 279. color:#FFFFFF;
 280. border-right:1px solid #FFFFFF;
 281. }
 282.
 283. #basket_submenu td.active{
 284. font-weight:bold;
 285. background-color:#009d6d;
 286. }
 287.
 288. .basket-list{
 289. border-top:1px solid #CCCCCC;
 290. border-left:1px solid #CCCCCC;
 291. width:100%;
 292. }
 293.
 294. .basket-list th{
 295. padding:5px;
 296. border-top:1px solid #FFFFFF;
 297. border-left:1px solid #FFFFFF;
 298. border-right:1px solid #CCCCCC;
 299. border-bottom:1px solid #CCCCCC;
 300. background-color:#E2E2E2;
 301. }
 302.
 303. .basket-list td{
 304. padding:5px;
 305. border-top:1px solid #FFFFFF;
 306. border-left:1px solid #FFFFFF;
 307. border-right:1px solid #CCCCCC;
 308. border-bottom:1px solid #CCCCCC;
 309. background-color:#F2F2F2;
 310. }
 311.
 312. .basket-list input, .submit{
 313. border:1px solid #000000;
 314. background-color:#FFFFFF;
 315. font-size:10px;
 316. }
 317.
 318.
 319. .product_full{
 320. width:100%;
 321. border:1px solid #009d6d;
 322. }
 323.
 324. .product_full td{
 325. vertical-align:top;
 326. border:10px solid #FFFFFF;
 327. }
 328.
 329. .product_full .image{
 330. width:200px;
 331. }
 332.
 333. /* SHOP/USERREGISTER */
 334. #signup {
 335. background-color: #EEE;
 336. padding: 10px;
 337. border:1px solid #CCCCCC;
 338. }
 339.
 340. #submitBtn {
 341. height: auto;
 342. text-align: center;
 343. }
 344.
 345. #signup label, #signup input, #signup select {
 346. margin-bottom: 10px;
 347. }
 348.
 349. #signup label {
 350. float: left;
 351. width: 100px;
 352. line-height: 22px;
 353. }
 354.
 355. /* SHOP/CONFIRMORDER */
 356. #confirm {
 357. background-color: #EEE;
 358. border:1px solid #CCCCCC;
 359. }
 360.
 361. #confirm table {
 362. width: 100%;
 363. }
 364.
 365. #confirm table th{
 366. text-align:left;
 367. width: 120px;
 368. }
 369.
 370. #confirm table th, #confirm table td{
 371. padding: 3px;
 372. }
 373.
 374. #bottom-block {
 375. float: left;
 376. margin-top: 5px;
 377. width: 776px;
 378. height: 20px;
 379. line-height: 20px;
 380. color: #FFFFFF;
 381. font-weight: bold;
 382. text-align: center;
 383. background-image:url("../images/greenback.gif");
 384. }
 385.
 386. .plan_acces {
 387. width: 700px;
 388. border: 0px;
 389. }