1.  
  2. /**************************************************
  3. *
  4. * CONTAINER STYLES
  5. *
  6. **************************************************/
  7.  
  8. #horiz_container_outer
  9. {
  10. width:100%;
  11. overflow-x:hidden;
  12. overflow-y:hidden;
  13. position:relative;
  14. height:200px;
  15. margin:5px auto;
  16.  
  17.  
  18. }
  19.  
  20. #horiz_container_outer_two
  21. {
  22. width:100%;
  23. overflow-x:hidden;
  24. overflow-y:hidden;
  25. position:relative;
  26. height:160px;
  27. margin:5px auto;
  28.  
  29.  
  30. }
  31.  
  32.  
  33. #horiz_container_outer_three
  34. {
  35. width:100%;
  36. overflow-x:hidden;
  37. overflow-y:hidden;
  38. position:relative;
  39. height:150px;
  40. margin:5px auto;
  41.  
  42.  
  43. }
  44.  
  45. #horiz_container
  46. {
  47. width:4040px;
  48. margin:0px;
  49. padding:0px;
  50. height:190px;
  51. }
  52.  
  53. #horiz_container_two
  54. {
  55. width:100000px;
  56. margin:0px;
  57. padding:0px;
  58. height:150px;
  59. }
  60.  
  61.  
  62. #horiz_container_three
  63. {
  64. width:4040px;
  65. margin:0px;
  66. padding:0px;
  67. height:150px;
  68. }
  69.  
  70. #horiz_container ul
  71. {
  72. margin:0px; padding:0px;
  73.  
  74. }
  75.  
  76. #horiz_container_two ul
  77. {
  78. margin:0px; padding:0px;
  79.  
  80. }
  81.  
  82. #horiz_container_three ul
  83. {
  84. margin:0px; padding:0px;
  85.  
  86. }
  87.  
  88. #horiz_container_inner
  89. {
  90. padding:5px;
  91. padding-left:0px;
  92. }
  93.  
  94. #horiz_container_inner_two
  95. {
  96. padding:5px;
  97. padding-left:0px;
  98. }
  99.  
  100. #horiz_container_inner_three
  101. {
  102. padding:5px;
  103. padding-left:0px;
  104. }
  105. #horiz_container li
  106. {
  107. list-style:none;
  108. display: inline-table;
  109. margin:0px;
  110. }
  111.  
  112. #horiz_container_two li
  113. {
  114. list-style:none;
  115. display: inline-table;
  116. margin:0px;
  117. }
  118.  
  119. #horiz_container_three li
  120. {
  121. list-style:none;
  122. display: inline-table;
  123. margin:0px;
  124. }
  125.  
  126. #horiz_container li img
  127. {
  128. padding:0px;
  129. margin:0px;
  130. height:190px;
  131.  
  132.  
  133. }
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144. /**************************************************
  145. *
  146. * SCROLLING STYLES
  147. *
  148. **************************************************/
  149.  
  150. #scrollbar
  151. {
  152. position:relative;
  153. width:815px; height:12px;
  154. display:block;
  155. font-size:1px;
  156. top:0px;
  157. margin:0px auto;
  158. }
  159.  
  160. #scrollbar_two
  161. {
  162. position:relative;
  163. width:815px; height:12px;
  164. display:block;
  165. font-size:1px;
  166. top:0px;
  167. margin:0px auto;
  168. }
  169.  
  170.  
  171. #scrollbar_two_three
  172. {
  173. position:relative;
  174. width:815px; height:12px;
  175. display:block;
  176. font-size:1px;
  177. top:0px;
  178. margin:0px auto;
  179. }
  180.  
  181. #track
  182. {
  183. position:absolute; left:0px; top:0;
  184. width:815px; height:12px;
  185. background: #676767;
  186. -webkit-border-radius: 15px;
  187. -moz-border-radius: 15px;
  188. border-radius: 15px;
  189. }
  190.  
  191. #track_two
  192. {
  193. position:absolute; left:0px; top:0;
  194. width:815px; height:12px;
  195. background: #676767;
  196. -webkit-border-radius: 15px;
  197. -moz-border-radius: 15px;
  198. border-radius: 15px;
  199. }
  200.  
  201. #track_three
  202. {
  203. position:absolute; left:0px; top:0;
  204. width:815px; height:12px;
  205. background: #676767;
  206. -webkit-border-radius: 15px;
  207. -moz-border-radius: 15px;
  208. border-radius: 15px;
  209. }
  210.  
  211.  
  212. #dragBar
  213. {
  214. position:absolute; left:0px; top:0px;
  215. width:20px; height:10px;
  216. -webkit-border-radius: 10px;
  217. -moz-border-radius: 10px;
  218. border-radius: 10px;
  219. background-image: -webkit-gradient(
  220. linear,
  221. left bottom,
  222. left top,
  223. color-stop(0.39, rgb(229,229,229)),
  224. color-stop(0.7, rgb(245,245,245))
  225. );
  226. background-image: -moz-linear-gradient(
  227. center bottom,
  228. rgb(229,229,229) 39%,
  229. rgb(245,245,245) 70%
  230. );
  231.  
  232. }
  233.  
  234. #dragBar_two
  235. {
  236. position:absolute; left:0px; top:0px;
  237. width:20px; height:10px;
  238. -webkit-border-radius: 10px;
  239. -moz-border-radius: 10px;
  240. border-radius: 10px;
  241. background-image: -webkit-gradient(
  242. linear,
  243. left bottom,
  244. left top,
  245. color-stop(0.39, rgb(229,229,229)),
  246. color-stop(0.7, rgb(245,245,245))
  247. );
  248. background-image: -moz-linear-gradient(
  249. center bottom,
  250. rgb(229,229,229) 39%,
  251. rgb(245,245,245) 70%
  252. );
  253.  
  254. }
  255.  
  256. #dragBar_three
  257. {
  258. position:absolute; left:0px; top:0px;
  259. width:20px; height:10px;
  260. -webkit-border-radius: 10px;
  261. -moz-border-radius: 10px;
  262. border-radius: 10px;
  263. background-image: -webkit-gradient(
  264. linear,
  265. left bottom,
  266. left top,
  267. color-stop(0.39, rgb(229,229,229)),
  268. color-stop(0.7, rgb(245,245,245))
  269. );
  270. background-image: -moz-linear-gradient(
  271. center bottom,
  272. rgb(229,229,229) 39%,
  273. rgb(245,245,245) 70%
  274. );
  275.  
  276. }
  277.  
  278.  
  279.  
  280. #left_scroll
  281. {
  282. position:absolute;
  283. border-color: transparent gray transparent transparent;
  284. border-style: solid;
  285. border-width: 5px;
  286. width: 0;
  287. height: 0px;
  288. cursor:pointer;
  289. top:1px;
  290. left:-15px;
  291. }
  292.  
  293. #left_scroll_two
  294. {
  295. position:absolute;
  296. border-color: transparent gray transparent transparent;
  297. border-style: solid;
  298. border-width: 5px;
  299. width: 0;
  300. height: 0px;
  301. cursor:pointer;
  302. top:1px;
  303. left:-15px;
  304. }
  305.  
  306.  
  307. #left_scroll_three
  308. {
  309. position:absolute;
  310. border-color: transparent gray transparent transparent;
  311. border-style: solid;
  312. border-width: 5px;
  313. width: 0;
  314. height: 0px;
  315. cursor:pointer;
  316. top:1px;
  317. left:-15px;
  318. }
  319.  
  320.  
  321. #right_scroll
  322. {
  323. position:absolute;
  324. right:-15px;
  325. top:1px;
  326. border-color: transparent transparent transparent gray;
  327. border-style: solid;
  328. border-width: 5px;
  329. width: 0;
  330. height: 0px;
  331. cursor:pointer;
  332. }
  333.  
  334. #right_scroll_two
  335. {
  336. position:absolute;
  337. right:-15px;
  338. top:1px;
  339. border-color: transparent transparent transparent gray;
  340. border-style: solid;
  341. border-width: 5px;
  342. width: 0;
  343. height: 0px;
  344. cursor:pointer;
  345. }
  346.  
  347. #right_scroll_three
  348. {
  349. position:absolute;
  350. right:-15px;
  351. top:1px;
  352. border-color: transparent transparent transparent gray;
  353. border-style: solid;
  354. border-width: 5px;
  355. width: 0;
  356. height: 0px;
  357. cursor:pointer;
  358. }
  359.  
  360.  
  361.  
  362. /* Prevent selection problem */
  363. #scrollbar, #track, #dragBar, #left, #right {
  364. -moz-user-select: none;
  365. -khtml-user-select: none;
  366. }
  367.  
  368. #scrollbar_two, #track_two, #dragBar_two, #left_two, #right_two {
  369. -moz-user-select: none;
  370. -khtml-user-select: none;
  371. }
  372.  
  373.  
  374. #scrollbar_three, #track_three, #dragBar_three, #left_three, #right_three {
  375. -moz-user-select: none;
  376. -khtml-user-select: none;
  377. }