1. body {
  2. 	margin:0;
  3. 	font:12px Tahoma, Arial, Helvetica, sans-serif;
  4. 	background:#fff;
  5. 	color:#545454;
  6. }
  7. .f-left {float:left;}
  8. .f-right {float:right;}
  9. .clear {clear:both;}
  10. img {
  11. 	border:none;
  12. 	display:block;
  13. }
  14. form, p, h1, h2, h3, h4, h5, h6, ul {
  15. 	padding:0;
  16. 	margin:0;
  17. }
  18. /*page*/
  19. #page {
  20. 	margin:0 auto;
  21. 	width:908px;
  22. }
  23. /*header*/
  24. .header {
  25. 	width:908px;
  26. 	height:280px;
  27. 	overflow:hidden;
  28. 	background:url(../images/header-bg.jpg) no-repeat;
  29. }
  30. .header-box {
  31. 	width:247px;
  32. 	padding:0 23px 0 638px;
  33. 	overflow:hidden;
  34. }
  35. .system-box {
  36. 	width:100%;
  37. 	overflow:hidden;
  38. }
  39. .nav-box {
  40. 	background:url(../images/black-right.jpg) no-repeat 100% 0;
  41. 	height:34px;
  42. 	margin:0 0 0 7px;
  43. }
  44. .nav-box p {
  45. 	color:#fff;
  46. 	font:12px/34px Tahoma, Arial, Helvetica, sans-serif;
  47. 	padding:0 14px;
  48. 	background:url(../images/black-left.jpg) no-repeat;
  49. }
  50. .nav-box p a {color:#fff;}
  51. .nav-box p a:hover {text-decoration:none;}
  52. ul.system {
  53. 	overflow:hidden;
  54. 	list-style:none;
  55. 	height:23px;
  56. 	padding:11px 5px 0;
  57. 	background:url(../images/black-left.jpg) no-repeat;
  58. }
  59. ul.system li {
  60. 	float:left;
  61. 	padding:0 12px;
  62. }
  63. .login {
  64. 	width:246px;
  65. 	padding:45px 1px 0 0;
  66. 	overflow:hidden;
  67. }
  68. .login input.button {float:right;}
  69. .login input.text {
  70. 	width:134px;
  71. 	border:1px solid #ed9a9a;
  72. 	padding:4px 5px 3px;
  73. 	float:left;
  74. 	font:11px Tahoma, Arial, Helvetica, sans-serif;
  75. 	color:#fff;
  76. 	margin:1px 0 7px;
  77. 	background:none;
  78. }
  79. .login p {
  80. 	color:#fff;
  81. 	font-size:11px;
  82. 	padding:4px 0 0 8px;
  83. }
  84. .login p a {
  85. 	color:#fff;
  86. 	text-decoration:none;
  87. 	background:url(../images/dotted.gif) repeat-x 0 100%;
  88. }
  89. .login p a:hover {background:none;}
  90.  
  91. ul.menu {
  92. 	width:100%;
  93. 	list-style:none;
  94. 	overflow:hidden;
  95. 	padding:40px 0 0;
  96. }
  97. ul.menu li {
  98. 	float:right;
  99. 	width:180px;
  100. 	height:83px;
  101. 	background:url(../images/menu-item1.png) no-repeat;
  102. 	margin:0 -12px 0 0;
  103. }
  104. ul.menu li.style2 {background:url(../images/menu-item2.png) no-repeat;}
  105. ul.menu li.style3 {background:url(../images/menu-item3.png) no-repeat;}
  106. ul.menu li a {
  107. 	font:14px/40px Tahoma, Arial, Helvetica, sans-serif;
  108. 	width:132px;
  109. 	text-decoration:none;
  110. 	margin:28px 0 0 24px;
  111. 	text-align:center;
  112. 	color:#fff;
  113. 	display:block;
  114. 	position:relative;
  115. }
  116. /*primary content*/
  117. .primary-content {
  118. 	width:100%;
  119. 	margin:14px 0 0;
  120. 	overflow:hidden;
  121. }
  122. .promo {
  123. 	width:871px;
  124. 	padding:0 37px 0 0;
  125. 	overflow:hidden;
  126. }
  127. .promo-l {width:505px;}
  128. .gallery {
  129. 	width:244px;
  130. 	padding:21px 34px 0 227px;
  131. 	height:175px;
  132. 	background:url(../images/gallery-bg.jpg) no-repeat;
  133. }
  134. .gallery img.top {
  135. 	margin:3px 0 0;
  136. 	display:inline;
  137. 	float:left;
  138. }
  139. .women {
  140. 	width:119px;
  141. 	height:144px;
  142. 	padding:7px 0 0 13px;
  143. 	background:url(../images/women.png) no-repeat;
  144. 	overflow:hidden;
  145. 	position:relative;
  146. 	margin:0 0 0 -14px;
  147. 	float:right;
  148. }
  149. .promo-txt {
  150. 	width:493px;
  151. 	overflow:hidden;
  152. 	margin:20px 0 0;
  153. 	padding:21px 0 0 12px;
  154. 	background:url(../images/promo-txt-bg.gif) no-repeat;
  155. }
  156. h2 {
  157. 	color:#2D2D2D;
  158. 	font:bold 18px Tahoma, Arial, Helvetica, sans-serif;
  159. 	padding:0 0 15px;
  160. }
  161. .promo-txt p {padding:0 0 15px;}
  162. .promo-r {
  163. 	width:335px;
  164. 	padding:15px 0 0;
  165. }
  166. .promo-r h2 {padding-bottom:10px;}
  167. h2 img {display:inline;}
  168. .register-form,
  169. .captcha {
  170. 	width:301px;
  171. 	padding:0 0 0 34px;
  172. 	overflow:hidden;
  173. }
  174. .register-form div {
  175. 	width:100%;
  176. 	overflow:hidden;
  177. 	padding:0 0 6px;
  178. }
  179. .register-form label {
  180. 	float:left;
  181. 	width:114px;
  182. 	color:#545454;
  183. 	font:11px/17px Tahoma, Arial, Helvetica, sans-serif;
  184. }
  185. .register-form select {
  186. 	width:187px;
  187. 	float:left;
  188. 	font-size:11px;
  189. 	border:1px solid #DADADA;
  190. }
  191. .register-form input.text {
  192. 	width:181px;
  193. 	float:left;
  194. 	padding:1px 2px;
  195. 	border:1px solid #DADADA;
  196. 	font-size:11px;
  197. }
  198. .register-form select.day {width:46px;}
  199. .register-form select.month {
  200. 	width:66px;
  201. 	margin:0 15px 0 14px; 
  202. }
  203. .captcha {padding-top:15px;}
  204. .captcha img {margin:0 auto;}
  205. .captcha label {
  206. 	text-align:center;
  207. 	display:block;
  208. 	color:#000;
  209. 	font-size:11px;
  210. 	padding:7px 0 8px;
  211. }
  212. .captcha input.text {
  213. 	border:1px solid #DADADA;
  214. 	margin:0 auto;
  215. 	display:block;
  216. 	width:105px;
  217. 	padding:1px 2px;
  218. 	font-size:11px;
  219. }
  220. .captcha div {
  221. 	width:100%;
  222. 	overflow:hidden;
  223. 	padding:14px 0 0;
  224. }
  225. .captcha input.check {
  226. 	float:left;
  227. 	margin:0 11px 0 0;
  228. 	padding:0;
  229. }
  230. * html .captcha input.check {margin-top:-3px;}
  231. .captcha div label {
  232. 	float:left;
  233. 	color:#545454;
  234. 	padding:0;
  235. }
  236. .captcha .register-btn {
  237. 	width:100%;
  238. 	padding:0;
  239. 	height:94px;
  240. 	overflow:hidden;
  241. 	background:url(../images/register-btn-bg.jpg) no-repeat;
  242. 	margin:5px 0 0;
  243. }
  244. .register-btn a {
  245. 	width:132px;
  246. 	height:40px;
  247. 	display:block;
  248. 	color:#fff;
  249. 	text-decoration:none;
  250. 	margin:27px 0 0 89px;
  251. 	text-align:center;
  252. 	font:14px/40px Tahoma, Arial, Helvetica, sans-serif;
  253. }
  254. .additional {
  255. 	width:100%;
  256. 	overflow:hidden;
  257. 	background:url(../images/additional-bg.gif) no-repeat;
  258. }
  259. /*left column*/
  260. .left-col {
  261. 	width:510px;
  262. 	padding:30px 0 0;
  263. }
  264. .left-col h2 {padding:0 0 0 11px;}
  265. .search-form {
  266. 	width:494px;
  267. 	padding:13px 0 0 11px;
  268. 	overflow:hidden;
  269. }
  270. .search-l {
  271. 	width:144px;
  272. 	margin:0 26px 0 0;
  273. 	float:left; 
  274. }
  275. .search-l div {
  276. 	width:100%;
  277. 	overflow:hidden;
  278. }
  279. .search-l label {
  280. 	display:block;
  281. 	color:#545454;
  282. 	font-size:11px;
  283. 	padding:0 0 4px 2px;
  284. }
  285. .search-l select {
  286. 	width:144px;
  287. 	color:#545454;
  288. 	font:11px Tahoma, Arial, Helvetica, sans-serif;
  289. 	border:1px solid #dadada;
  290. 	margin:0 0 11px;
  291. }
  292. .search-l input.text {
  293. 	font:11px Tahoma, Arial, Helvetica, sans-serif;
  294. 	border:1px solid #dadada;
  295. 	color:#545454;
  296. 	width:44px;
  297. 	padding:1px 4px;
  298. 	float:left;
  299. }
  300. .search-l span {
  301. 	float:left;
  302. 	font-size:11px;
  303. 	padding:0 10px; 
  304. }
  305. .search-l input.button {
  306. 	float:left;
  307. 	margin:37px 0 0 30px;
  308. }
  309. .story-box {
  310. 	width:231px;
  311. 	padding:57px 29px 0 250px;
  312. 	height:94px;
  313. 	overflow:hidden;
  314. 	margin:26px 0 0;
  315. 	background:url(../images/story-bg.jpg) no-repeat;
  316. }
  317. .story-box p {
  318. 	color:#F4F4F4;
  319. 	text-align:right;
  320. }
  321. .story-box p strong {
  322. 	color:#2c2c2c;
  323. 	display:block;
  324. 	font:14px Tahoma, Arial, Helvetica, sans-serif;
  325. }
  326. .story-box p a {
  327. 	color:#2c2c2c;
  328. 	background:url(../images/black-dotted.gif) repeat-x 0 100%;
  329. 	text-decoration:none;
  330. }
  331. .story-box p a:hover {background:none;}
  332. /*right column*/
  333. .right-col {
  334. 	width:398px;
  335. 	padding:20px 0 0;
  336. }
  337. .right-col h2 {padding:0 0 0 26px;}
  338. ul.news-list {
  339. 	overflow:hidden;
  340. 	list-style:none;
  341. 	padding:10px 0 0;
  342. }
  343. ul.news-list li {
  344. 	padding:0 0 15px 24px;
  345. 	width:374px;
  346. 	overflow:hidden;
  347. 	background:url(../images/news-item.jpg) no-repeat;
  348. }
  349. .date {
  350. 	width:46px;
  351. 	padding:0 5px;
  352. 	height:53px;
  353. 	text-align:center;
  354. 	color:#fff;
  355. 	font:18px/20px Tahoma, Arial, Helvetica, sans-serif;
  356. 	text-transform:uppercase;
  357. 	float:left;
  358. 	margin:0 11px 0 0;
  359. }
  360. .date span {
  361. 	font:32px/32px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif
  362. }
  363. ul.news-list li p {
  364. 	display:table;
  365. 	height:1%;
  366. 	padding:3px 0 0; 
  367. }
  368. ul.news-list li a {
  369. 	color:#FF8010;
  370. 	text-decoration:none;
  371. 	background:url(../images/orange-dotted.gif) repeat-x 0 100%;
  372. }
  373. ul.news-list li a:hover {background:none;}
  374. /*footer*/
  375. .footer {
  376. 	width:100%;
  377. 	color:#383838;
  378. 	overflow:hidden;
  379. 	font:10px Tahoma, Arial, Helvetica, sans-serif;
  380. 	text-align:center;
  381. 	padding:30px 0 10px;
  382. }
  383. .footer p a {
  384. 	color:#383838;
  385. 	text-decoration:none;
  386. }
  387. .footer p a:hover {text-decoration:underline;}
  388. .footer p span {
  389. 	background:url(../images/kavoon-ico.gif) no-repeat 0 1px;
  390. 	padding:0 0 0 14px;
  391. }