1.jcarousel-wrapper {
2    margin: 20px auto;
3    position: relative;
4    border: 10px solid #fff;
5    -webkit-border-radius: 5px;
6    -moz-border-radius: 5px;
7    border-radius: 5px;
8    -webkit-box-shadow: 0 0 2px #999;
9    -moz-box-shadow: 0 0 2px #999;
10    box-shadow: 0 0 2px #999;
11}
12
13/** Carousel **/
14
15.jcarousel {
16    position: relative;
17    overflow: hidden;
18    width: 100%;
19}
20
21.jcarousel ul {
22    width: 20000em;
23    position: relative;
24    list-style: none;
25    margin: 0;
26    padding: 0;
27}
28
29.jcarousel li {
30    width: 200px;
31    float: left;
32    border: 1px solid #fff;
33    -moz-box-sizing: border-box;
34    -webkit-box-sizing: border-box;
35    box-sizing: border-box;
36}
37
38.jcarousel img {
39    display: block;
40    max-width: 100%;
41    height: auto !important;
42}
43
44/** Carousel Controls **/
45
46.jcarousel-control-prev,
47.jcarousel-control-next {
48    position: absolute;
49    top: 50%;
50    margin-top: -15px;
51    width: 30px;
52    height: 30px;
53    text-align: center;
54    background: #4E443C;
55    color: #fff;
56    text-decoration: none;
57    text-shadow: 0 0 1px #000;
58    font: 24px/27px Arial, sans-serif;
59    -webkit-border-radius: 30px;
60    -moz-border-radius: 30px;
61    border-radius: 30px;
62    -webkit-box-shadow: 0 0 4px #F0EFE7;
63    -moz-box-shadow: 0 0 4px #F0EFE7;
64    box-shadow: 0 0 4px #F0EFE7;
65}
66
67.jcarousel-control-prev {
68    left: 15px;
69}
70
71.jcarousel-control-next {
72    right: 15px;
73}
74
75/** Carousel Pagination **/
76
77.jcarousel-pagination {
78    position: absolute;
79    bottom: -40px;
80    left: 50%;
81    -webkit-transform: translate(-50%, 0);
82    -ms-transform: translate(-50%, 0);
83    transform: translate(-50%, 0);
84    margin: 0;
85}
86
87.jcarousel-pagination a {
88    text-decoration: none;
89    display: inline-block;
90
91    font-size: 11px;
92    height: 10px;
93    width: 10px;
94    line-height: 10px;
95
96    background: #fff;
97    color: #4E443C;
98    border-radius: 10px;
99    text-indent: -9999px;
100
101    margin-right: 7px;
102
103
104    -webkit-box-shadow: 0 0 2px #4E443C;
105    -moz-box-shadow: 0 0 2px #4E443C;
106    box-shadow: 0 0 2px #4E443C;
107}
108
109.jcarousel-pagination a.active {
110    background: #4E443C;
111    color: #fff;
112    opacity: 1;
113
114    -webkit-box-shadow: 0 0 2px #F0EFE7;
115    -moz-box-shadow: 0 0 2px #F0EFE7;
116    box-shadow: 0 0 2px #F0EFE7;
117}
118
119.template-miniature {
120    cursor: pointer
121}
122
123.item.inactive {display: none;}
124