1. body {
  2. 	margin:0;
  3. 	font:11px Tahoma, Arial, Helvetica, sans-serif;
  4. 	background:#fff;
  5. 	color:#454545;
  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. a {color:#09b1e2;}
  19. a:hover {text-decoration:none;}
  20. a.red-link {color:#e7205d;}
  21. input.text {
  22. 	width:114px;
  23. 	border:1px solid #c1c1c1;
  24. 	background:#f4f4f4;
  25. 	padding:2px 6px 3px;
  26. 	color:#696969;
  27. 	font:11px Tahoma, Arial, Helvetica, sans-serif;
  28. }
  29. /*page*/
  30. #page {
  31. 	margin:0 auto;
  32. 	width:758px;
  33. }
  34. /*header*/
  35. .header {
  36. 	width:700px;
  37. 	padding:16px 25px 0 33px;
  38. 	overflow:hidden;
  39. }
  40. /*logo*/
  41. .logo {
  42. 	width:276px;
  43. 	background:url(../images/logo.gif) no-repeat 46px 0;
  44. 	font-size:14px;
  45. 	padding:65px 0 20px;
  46. 	letter-spacing:1px;
  47. }
  48. .service {width:295px;}
  49. .search-box {
  50. 	width:100%;
  51. 	overflow:hidden;
  52. 	padding:9px 0 20px;
  53. }
  54. .search {width:155px;}
  55. .search input.text,
  56. .sign input.text {float:left;}
  57. .search input.button,
  58. .sign input.button {float:right;}
  59. .search-box ul {
  60. 	overflow:hidden;
  61. 	list-style:none;
  62. 	margin:6px 16px 0 0; 
  63. }
  64. .search-box ul li {
  65. 	float:left;
  66. 	margin:0 0 0 19px;
  67. }
  68. .sign {
  69. 	width:100%;
  70. 	overflow:hidden;
  71. }
  72. .sign input.text {margin:0 11px 0 0;}
  73. .sign input.button {margin:4px 1px 0 0;}
  74. .service p {
  75. 	text-align:right;
  76. 	padding:9px 24px 0 0;
  77. }
  78. .service p a {padding:0 3px;}
  79. ul.menu {
  80. 	overflow:hidden;
  81. 	list-style:none;
  82. 	background:url(../images/menu-bg.gif) repeat-x;
  83. 	margin:1px 0 0;
  84. 	width:100%;
  85. }
  86. ul.menu li {
  87. 	float:left;
  88. 	border-left:1px solid #fff;
  89. 	margin:0 1px 0 -1px;
  90. 	font:13px/31px Tahoma, Arial, Helvetica, sans-serif;
  91. }
  92. ul.menu li.last {background:none;}
  93. ul.menu li a {
  94. 	color:#fff;
  95. 	text-decoration:none;
  96. 	display:block;
  97. }
  98. ul.menu a span {
  99. 	display:block;
  100. 	padding:0 16px;
  101. }
  102. ul.menu li a:hover,
  103. ul.menu li.active a {background:url(../images/menu-active.gif) repeat-x;}
  104. ul.menu li a:hover span,
  105. ul.menu li.active a span {background:url(../images/arrow.gif) no-repeat 50% 100%;}
  106. .promo {
  107. 	width:365px;
  108. 	height:132px;
  109. 	padding:70px 375px 0 18px;
  110. 	overflow:hidden;
  111. 	background:url(../images/promo-bg.jpg) no-repeat;
  112. }
  113. h1 {
  114. 	color:#000;
  115. 	text-transform:uppercase;
  116. 	padding:0 0 3px;
  117. 	font:bold 24px Tahoma, Arial, Helvetica, sans-serif;
  118. }
  119. .promo p {color:#000;}
  120. .promo p a {color:#e7205d;}
  121. /*primary content*/
  122. .primary-content {
  123. 	width:722px;
  124. 	padding:14px 18px 0;
  125. 	overflow:hidden;
  126. }
  127. /*left column*/
  128. .left-col {width:473px;}
  129. .left-col p {padding:0 0 10px 3px;}
  130. .tandem-box {
  131. 	width:100%;
  132. 	overflow:hidden;
  133. 	padding:0 0 7px;
  134. }
  135. .box {width:226px;}
  136. .box img,
  137. .img-txt img {border:1px solid #cacaca;}
  138. h2 {
  139. 	font:14px Tahoma, Arial, Helvetica, sans-serif;
  140. 	color:#e7205d;
  141. 	padding:9px 0 3px 3px;
  142. }
  143. .only-txt {
  144. 	width:100%;
  145. 	overflow:hidden;
  146. 	padding:0 0 20px;
  147. }
  148. .img-txt {
  149. 	width:100%;
  150. 	overflow:hidden;
  151. 	padding:0 0 10px;
  152. }
  153. /*right column*/
  154. .right-col {
  155. 	width:214px;
  156. 	padding:6px 0 0;
  157. }
  158. h3 {
  159. 	background:url(../images/title-bg.jpg) no-repeat;
  160. 	padding:1px 0 4px 53px;
  161. 	font:24px Tahoma, Arial, Helvetica, sans-serif;
  162. }
  163. ul.news-list {
  164. 	overflow:hidden;
  165. 	list-style:none;
  166. 	padding:13px 0 0 11px;
  167. 	line-height:14px;
  168. }
  169. ul.news-list li {padding:0 0 5px;}
  170. ul.news-list li small {
  171. 	color:#ff8400;
  172. 	display:block;
  173. 	font-size:11px;
  174. }
  175. .rss-box {
  176. 	width:203px;
  177. 	padding:5px 0 0 11px;
  178. 	overflow:hidden;
  179. }
  180. .rss-box a.f-left {padding:5px 0 0;}
  181. .mar-top {margin-top:40px;}
  182. .featured {
  183. 	width:201px;
  184. 	padding:22px 0 0 13px;
  185. 	overflow:hidden;
  186. }
  187. .featured p {
  188. 	padding:0 0 15px;
  189. }
  190. .featured ul {
  191. 	overflow:hidden;
  192. 	list-style:none;
  193. 	padding:0 0 12px;
  194. }
  195. /*footer*/
  196. .footer {
  197. 	width:716px;
  198. 	margin:0 21px;
  199. 	padding:27px 0 25px;
  200. 	font-size:10px;
  201. 	text-align:center;
  202. 	background:url(../images/footer-bg.gif) no-repeat;
  203. 	overflow:hidden;
  204. }
  205. .footer a {
  206. 	color:#454545;
  207. 	text-decoration:none;
  208. }
  209. .footer a:hover {text-decoration:underline;}
  210. .kavoon {
  211. 	background:url(../images/kavoon-ico.gif) no-repeat 0 1px;
  212. 	padding:0 0 0 13px;
  213. }
  214. /* inner page 
  215. ------------- */
  216. .reg .primary-content {
  217. 	width:716px;
  218. 	padding:19px 21px 20px;
  219. }
  220. .register {
  221. 	width:100%;
  222. 	overflow:hidden;
  223. }
  224. .register h2 {
  225. 	background:url(../images/footer-bg.gif) repeat-x 0 100%;
  226. 	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
  227. 	color:#454545;
  228. 	padding:0 0 14px;
  229. }
  230. .register-cnt {
  231. 	width:680px;
  232. 	overflow:hidden;
  233. 	padding:5px 36px 0 0;
  234. }
  235. .register-form {
  236. 	width:299px;
  237. }
  238. .register-form p {padding:0 0 18px;}
  239. .register-form p span,
  240. .register-form label span {color:#e7205d;}
  241. .register-form div {
  242. 	width:100%;
  243. 	overflow:hidden;
  244. 	padding:0 0 17px;
  245. }
  246. .register-form label {
  247. 	float:left;
  248. 	width:128px;
  249. 	text-align:right;
  250. 	line-height:20px;
  251. }
  252. .register-form input.text {
  253. 	width:155px;
  254. 	border:1px solid #bcbcbc;
  255. 	padding:2px 2px;
  256. 	float:right;
  257. }
  258. .register-form select {
  259. 	float:right;
  260. 	width:160px;
  261. 	font-size:11px;
  262. 	color:#696969;
  263. }
  264. .register-txt {
  265. 	width:319px;
  266. 	padding:27px 0 0;
  267. }
  268. .register-txt h3 {
  269. 	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
  270. 	color:#e7205d;
  271. 	background:none;
  272. 	padding:0;
  273. }
  274. .register-txt p {
  275. 	padding:0 0 21px;
  276. 	line-height:13px;
  277. }
  278. .register-txt label {
  279. 	display:block;
  280. 	margin:0 0 34px;
  281. }
  282. .register-txt input.check {
  283. 	margin:0 7px 0 0;
  284. 	width:13px;
  285. 	height:13px;
  286. }
  287. .captcha {
  288. 	margin:0 0 0 7px;
  289. 	width:312px;
  290. 	overflow:hidden;
  291. }
  292. .reg-btn {
  293. 	background:#616161;
  294. 	display:block;
  295. 	overflow:hidden;
  296. 	width:97px;
  297. 	text-align:center;
  298. 	border:1px solid #3f3f3f;
  299. 	line-height:19px;
  300. 	margin:0 auto;
  301. 	text-decoration:none;
  302. 	color:#fff;
  303. }
  304. .reg-btn:hover {background:#4a4a4a;}
  305.