/****************************/ /* Shopping City Seiersberg */ /****************************/ /*************************************************** * GENERAL */ html { margin: 0 0 1px 0; padding: 0; height: 100%; } /* force FF to show scrollbar to prevent page jumping */ body { background: #eeeeee; color: #4c4949; font: normal 12px/1.5 "Trebuchet MS", Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;margin: 0; padding: 0; text-align: center; } a { outline: none; } a:link, a:visited { color: #e2792c; text-decoration: none; } a:hover { color: #333; } /*************************************************** * STRUCTURE */ #mast { background: #ffffff url("../img/body_background.gif") 0 0 repeat-y; margin: 0 auto 20px auto; text-align: left; width: 1000px; } #inner-mast { margin: 0 auto; width:980px; } /* FOOTER */ #footer { font-size: 11px; } #inner-footer { border-top: 1px solid #dadbd5; margin: 0px 15px; padding: 5px 10px; } #inner-footer ul li { display: inline; padding-right: 15px; } #inner-footer ul li a { color: #858585; } #inner-footer ul li a.print { background:url('../img/icon_print.gif') no-repeat; padding-left:25px; } #inner-footer ul li a.recommendation { background:url('../img/icon_tell.gif') no-repeat; padding-left:25px; } #inner-footer ul li a.scroll-to-top { background:url('../img/icon_gotop.gif') 0px -1px no-repeat; padding-left:20px; } /** METANAV **/ #metanav { margin: 0 0 15px 0; } .meta-home, .meta-languages { font-size: 11px; background: transparent url("../img/metanav-sprite.gif") 0 0 no-repeat; height: 23px; } .meta-home a, .meta-languages a { color: #5e5e5e; font-weight:bold; } .meta-home a:hover, .meta-languages a:hover { color: #e2792c; } .meta-home { float: left; width: 95px; } .meta-home span { display:block; padding: 3px 0 0 35px; } .meta-languages { background-position: -95px 0; float: right; width: 264px; } .meta-languages span { display:block; padding: 3px 20px 0 40px; } /** SPOTLIGHT **/ #spotlight { background: red; height: 190px; clear:both; background:blue; } #spotlight.default { background: url("../img/spotlight_default.jpg") 0 0 no-repeat; } #spotlight p.logo{ background: #fff; float: right; height: 190px; width: 220px; opacity: .9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } #spotlight p.logo a { background: url("../img/logo.png") 0 0 no-repeat; display: block; height: 98px; text-indent: -9999em; width: 171px; margin: 35px 0 0 25px; } /** BRACKET & NAVIGATION **/ #bracket { background: url("../img/nav_background.gif") 0 0 no-repeat; height: 32px; position: relative; z-index:99; } /* menu */ /* #menu { padding: 6px 15px; position:releative; } #menu li { display: inline; font-size: 11px; font-weight: bold; text-transform: uppercase; padding-right: 10px; } #menu li a { color: #fff; } #menu li a:hover { color: #923a00; } #menu li ul { display: none; } */ ul.dropdown { padding: 6px 15px; position:releative; } ul.dropdown li { display: inline; font-size: 11px; font-weight: bold; text-transform: uppercase; padding-right: 10px; } ul.dropdown li.hover, ul.dropdown li:hover { position:relative; cursor:default; } ul.dropdown ul { visibility:hidden; position:absolute; top:100%; left:0; background:#e86425; } ul.dropdown ul li { display:block; padding: 5px 15px; text-transform:none; font-weight:normal; white-space:nowrap; width:100%; } ul.dropdown ul li a { color:#fff; } ul.dropdown ul li a:hover { color:#003d4c; } ul.dropdown ul ul { top:0px; left:160px; } ul.dropdown li:hover > ul { visibility:visible; } ul.dropdown ul li.business { width:150px; } ul.dropdown ul li.business a { width:150px;} ul.dropdown ul li.business a:hover { } ul.dropdown ul li.business ul li {padding-left:20px; color:#fff; } ul.dropdown li a { color:#fff; } ul.dropdown li a:hover { color:#923a00; } /* search */ #search { background: transparent url("../img/search_background.gif") 0 0 no-repeat; font-size: 11px; float: right; width: 220px; height: 24px; margin:4px 0px 0 0; position: relative; } #search input { padding:2px 2px 1px 0px; margin:0; background:none; border:none; margin: 3px 0px 0 25px; width: 150px !important; } #search a.searchLink { display:block; position: absolute; top:4px; left:196px; } /** MAIN **/ #main { margin-top:25px; min-height: 400px; } /** PAGE **/ #page { float: left; width:760px; } .page #page { padding: 0 20px 30px 40px; width: 700px; } /* headlines */ #page h1 { font-size: 20px; font-weight: 700; margin: 0 0 20px 0; text-transform: uppercase; } #page h2 { font-size: 16px; margin: 0 0 5px 0; } #page h3 { font-size: 14px; font-weight: 700; } #page p { margin: 0 0 5px 0; line-height:1.6; } #page ul { list-style-type: circle; margin: 0 0 10px 30px; } /** SIDEBAR **/ #sidebar { float: left; width: 220px; font-size:11px; } #sidebar h2 { text-transform:uppercase; font-weight:bold; margin:0 0 5px 5px; line-height:1em; } .sidebox { background:#f7f8f7; border-top:1px solid #e7e8e9; padding:5px 10px; } .sideboxBottom { background:url('../img/sidebox_bottom.gif') no-repeat; height:3px; } .sidebox ul { margin:0px; padding:0px; list-style-type:none; } .sidebox ul li { margin:0px; padding:0px; list-style-type:none; } .phone { background:url('../img/icon_phone.gif') 0px -1px no-repeat; padding-left:18px; font-weight:bold; font-size:1.091em; line-height:30px; } /** BREADCRUMBS **/ #breadcrumbs { color: #706964; font-size: 11px; margin:-15px 0 10px -30px; } #breadcrumbs a { color: #d46126; } #breadcrumbs a:hover { color: #706964; } /*************************************************** * MISC */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { oom: 1; /* IE6 */ } *:first-child+html .clearfix { zoom: 1; /* IE7 */ } .corners { background:url('../img/corners.gif') no-repeat; height:6px; width:6px; position:absolute; z-index:90; } .cornerTopLeft { background-position:0px 0px; left:0px; top:0px; } .cornerTopRight { background-position:-6px 0px; right:0px; top:0px; } .cornerBottomLeft { background-position:0px -6px; left:0px; bottom:0px; top:145px; } .cornerBottomRight { background-position:-6px -6px; right:0px; bottom:0px; top:145px; } a.facebook { background: url("../img/btn_facebook.gif") 0 0 no-repeat; color: #333333; display: block; width: 84px; height: 25px; padding: 4px 0 0 27px; font-weight:bold; font-size:11px; } a.facebook:hover { background: url("../img/btn_facebook_hover.gif") 0 0 no-repeat; } small { font-size:11px; } /*************************************************** * EVENTCALENDARSLIDER */ #eventCalendarSlider { width:720px !important; position:relative; margin-left: 25px; } #eSlider { list-style-type:none; margin:0px !important; padding:0px !important; } #eSlider li { background:url(../img/bg_calendar_leaf.gif) no-repeat; float:left; list-style-type:none; height:145px; width:171px; } #eSlider li div { height:100px; width:150px; margin:32px 0px 0px 15px; position:relative; } #eSlider li div p { padding:0px; margin:0px; } #eSlider li div p.alignright { padding-top:5px; padding-right:5px; } #eSlider li a { color:#333; display:block; } #eSlider li p a { color:#e86425; } #eSlider li p a:hover { color:#666; } #eSlider li div p.date { font-size:22px; font-weight:700; line-height:24px; } #eSlider li div p.head { font-size:13px; font-weight:bold; color:#666; margin-top:5px; } #eSlider li p.link { font-size:11px; position:absolute; top:118px; margin-left:8px; } /* Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position:absolute; top:65px; right:-2px; width:11px; height:66px; cursor:pointer; background:transparent url('../img/next-horizontal.gif') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position:-11px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position:-22px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:-33px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position:absolute; top:65px; left:-12px; width:11px; height:16px; cursor:pointer; background:transparent url('../img/prev-horizontal.gif') no-repeat -33px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position:-22px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position:-11px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:0px 0; } /*--------------------------------- NEWS SECTION ---------------------------------*/ #newsSection { width:720px; position:relative; margin: 0 0 0 25px; } #newsSection ul { list-style-type:none; padding:0; margin:0;} #newsSection ul li { float:left; list-style-type:none; width:170px; margin-right:10px; margin-bottom:15px; } #newsSection ul li.w1 { width:170px; } #newsSection ul li.w2 { width:345px; } #newsSection ul li.w3 { width:520px; } #newsSection ul li.w4 { width:700px; } #newsSection ul li.w1 div.image { position:relative; height:151px; } #newsSection ul li.w2 div.image { position:relative; height:151px; } #newsSection ul li.w3 div.image { position:relative; height:151px; } #newsSection ul li.w4 div.image { position:relative; height:151px; } #newsSection p { padding:10px; font-size: 11px; } #newsSection span.title { font-size:12px; font-weight:bold; text-transform:uppercase; } /*--------------------------------- FORMS ---------------------------------*/ *+html input.submit { background:#e86425; border:0; color:#fff; cursor:pointer; font-weight:700; padding:2px 2px; } /* ie7fix*/ a.cancle { background:#e86425; border:0; color:#fff; cursor:pointer; font-weight:700; padding:2px 10px; margin-top:1px; display:block; } a.cancle:hover { color:#5c5c5c; } .formControls div { padding-right:10px; } input.std,select.std, textarea.std { border:1px solid #d7d5d5; color:#333; padding:5px 2px; } input.form-error, select.form-error, textarea.form-error { background:#fbe3e4; border:1px solid #98a6a7; } input.submit { background:#e86425; border:0; color:#fff; cursor:pointer; font-weight:700; padding:2px 10px;} fieldset { border:1px solid #939393; padding-top:10px;} legend { font-size:1.091em; color:#5e5e5e; } .tinyLabels label { width:100px !important; background:red; color:red; } .tinyLabels .marginLeft { margin-left:100px; } form.largeLabels label.w100 { width:160px; } form.largeLabels .marginLeft { margin-left:160px !important; } textarea.std { width:400px; } fieldset { border:1px solid #939393; padding:10px;} legend { font-size:1.091em; color:#5e5e5e; } fieldset#formField { border:1px solid #939393; padding: 10px 20px; } fieldset#formField legend { padding: 0 10px; font-weight: bold; } /*--------------------------------- TABS ---------------------------------*/ ul.tabNavigation { padding:0px !important; margin:0px !important; list-style:none; } ul.tabNavigation li { float:left; list-style:none; } ul.tabNavigation li a { padding:3px 5px; background-color:#ccc; color:#000; text-decoration:none; } ul.tabNavigation li a.selected, ul.tabNavigation li a:hover { background-color:#e86425; color:#fff; padding-top:7px; } ul.tabNavigation li a:focus { outline:0; } div.tabs > div { } div.tabs > div h2 { margin-top: 0;} /*--------------------------------- TABLES ---------------------------------*/ table { width:100%; } th { background:#e86425; color:#ffffff; padding:3px 10px; font-weight:bold; border-bottom:2px solid #d35e26; } td { padding:10px; } tr.row td { padding:3px 6px; } tr.row1 td { background:#fffcfb; border-bottom:1px solid #d7d5d5; padding:3px 6px; } tr.row2 td { background:#fbf6f4; border-bottom:1px solid #d7d5d5; padding:3px 6px; } tr.large td { padding:4px 8px; } table.jobsList th.title { background: url('../img/table_head.gif') repeat-x; border-bottom:none; border-top:1px solid #b9501d; } table.jobsList th.sub { background:#d8d8d8; color:#444242; font-size:11px; border-top:1px solid #b9501d; border-bottom:1px solid #c3bdbb !important; font-weight:normal; } table.jobsList tr.row1 td { background:#f9f4f1; border-bottom:1px solid #fff; padding:6px 6px; vertical-align:middle; font-size:11px; } table.jobsList tr.row2 td { background:#fcf9f8; border-bottom:1px solid #fff; padding:6px 6px; vertical-align:middle; font-size:11px; } table.latestJobs th.title { background: url('../img/table_head.gif') repeat-x; border-bottom:none; border-top:1px solid #b9501d; } table.latestJobs th.sub { background:#d8d8d8; color:#444242; font-size:11px; border-top:1px solid #b9501d; border-bottom:1px solid #c3bdbb !important; font-weight:normal; } table.latestJobs tr.row1 td { background:#f9f4f1; border-bottom:1px solid #fff; padding:10px 6px; vertical-align:middle; font-size:11px; } table.latestJobs tr.row2 td { background:#fcf9f8; border-bottom:1px solid #fff; padding:10px 6px; vertical-align:middle; font-size:11px; } table.jobSearch th.title { background: url('../img/table_head2.gif') repeat-x; border-bottom:1px solid #7a6252; border-top:1px solid #7a6252; } table.help { width:400px; } /*--------------------------------- MESSAGES&NOTIFICATIONS ---------------------------------*/ #flashMessage { background:#e3f3fb; border:1px solid #a2d0dd; color:#19b9d1; margin-bottom:20px; padding:10px 20px; } #flashMessage span { font-size:1.455em; font-weight:700; line-height:150%; } #flashMessage.error { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; } .highlight { color:#cc0000; } /*--------------------------------- MISC ---------------------------------*/ .searchResult { background:#f9fafa; margin-bottom:10px; padding:10px; } .colLeft { float:left; width:190px; text-align:center; } .colRight { float:left; width:280px; } .colRight h3 { font-size:1.4em; font-weight:700; text-transform:uppercase; } /*14px*/ .searchResult h3 { font-size:1.4em; font-weight:700; text-transform:uppercase; margin-bottom:5px;} /*14px*/ .colRight p { margin:10px 0px; } #shopView { border-top:2px solid #f1f1f2; } #shopView div.colLeft { float:left; width:150px; text-align:center; padding:10px; } #shopView div.colRight { background:#f7f8f8; float:left; width:350px; padding:10px; } ul.sitemap li { font-weight: bold; text-transform: uppercase; padding:5px 0px; } ul.sitemap li ul { margin:5px 25px !important; padding:0 !important; } ul.sitemap li ul li { font-weight: normal; text-transform: none; padding:2px 0px; } .space { height:15px; line-height:0px; margin:0px; padding:0px; } #ZoomBox { border:2px solid #8d8d8d; } #ZoomImage { border:10px solid #fff; } #ShadowBox { display:none; } .ultralight { color:#a2a2a2; } .light { color:#a4a4a4; } ul.adminmenu {} ul.adminmenu li { margin-bottom:5px; } .defaultText { color: #4c4949; } .defaultTextActive { color: #929292; } div.pagePreview { margin: 0 0 20px 0; } div.pagePreview fieldset { padding:10px; } div.pagePreview fieldset legend { padding: 0 10px; font-weight:bold; } a.ams-button { background: url('../img/ams_button.gif') 0 0 no-repeat; display: block; width: 324px; height: 83px; } a.ams-button:hover { background-position:0px -83px; } a.ams-button span {display:none; } div#sms-center { background: url('../img/sms_center_bg.gif') 0 0 no-repeat; width:670px; height:213px; margin-top: 20px; padding: 20px 20px 0 20px; } label.algeria { background: url('../img/flags/ALG.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.argentina { background: url('../img/flags/arg.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.australia { background: url('../img/flags/AUS.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.brazil { background: url('../img/flags/BRA.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.chile { background: url('../img/flags/CHI.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.germany { background: url('../img/flags/GER.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.denmark { background: url('../img/flags/DEN.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.cote_dIvoire { background: url('../img/flags/CIV.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.england { background: url('../img/flags/ENG.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.france { background: url('../img/flags/FRA.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.ghana { background: url('../img/flags/GHA.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.greece { background: url('../img/flags/GRE.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.honduras { background: url('../img/flags/HON.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.japan { background: url('../img/flags/JPN.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.cameroon { background: url('../img/flags/CMR.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.korea_dpr { background: url('../img/flags/PRK.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.korea_republic { background: url('../img/flags/KOR.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.mexico { background: url('../img/flags/MEX.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.new_zealand { background: url('../img/flags/NZL.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.netherlands { background: url('../img/flags/NED.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.nigeria { background: url('../img/flags/NGA.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.paraguay { background: url('../img/flags/PAR.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.portugal { background: url('../img/flags/POR.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.switzerland { background: url('../img/flags/SUI.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.serbia { background: url('../img/flags/SRB.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.slovakia { background: url('../img/flags/SVK.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.slovenia { background: url('../img/flags/SVN.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.spain { background: url('../img/flags/ESP.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.south_africa { background: url('../img/flags/RSA.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.usa { background: url('../img/flags/USA.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.uruguay { background: url('../img/flags/URU.gif') 5px 4px no-repeat; padding-left: 30px !important; } label.italy { background: url('../img/flags/ITA.gif') 5px 4px no-repeat; padding-left: 30px !important; } /*--------------------------------- POSTS ---------------------------------*/ .calendarLeaf { background:url('../img/bg_calendar_leaf.gif') no-repeat; height:145px; width:171px; text-align:center; } .leaf { background:none; height:145px; width:171px; text-align:center; } .calendarLeaf p.date, .leaf p.date { font-size:20px; font-weight:bold; line-height:10px; padding-top:55px; } p.head { font-size:14px; font-weight:bold; color:#666;} /* 14px */ .calendarLeaf a, .leaf a { color:#333; display:block; width:100%; height:100%; } .postDetailThumb { position:relative; height:200px; width:500px; margin-left:185px; } .postDetailThumb .cornerBottomLeft { top:194px; } .postDetailThumb .cornerBottomRight{ top:194px; } /* albums */ #albums { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #bfbfbf; } #albums .colLeft { float:left; width:40%; } #albums .colRight { float:left; width:60%; } #albums .img { width:220px; height:120px; position:relative; } #albums .img .cornerBottomLeft { top:114px; } #albums .img .cornerBottomRight{top:114px; } #albums h3 { font-weight: bold; } #albumPhotos { list-style:none; margin:0 !important; padding:0 !important; } #albumPhotos li { list-style:none; float:left; width:200px; height:120px; margin-right:3px; margin-bottom:10px; } #albumPhotos li .cornerBottomLeft { top:114px; } #albumPhotos li .cornerBottomRight{ top:114px; } /** Filter **/ div.filter { margin:20px 0; } div.filter fieldset { padding: 10px; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(./images/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(./images/next.gif) right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{ color: #FF9834; font-weight:bold; text-decoration: none; } #nextLinkText{ padding-left: 20px; } #prevLinkText{ padding-right: 20px; } /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData { padding-top: 5px; } /*** END : added padding when navbar is on top ***/ #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{ position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } #lightboxIframe { display: none; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the