/*-- required & default rules --*/

.loading {
left: 210px;
position: absolute;
top: 74px;
}

#slide_holder {
background-image: url(/skins/default/img/JCarousel/bg_slideshow.png);
background-repeat: no-repeat;
height: 253px;
overflow: hidden;
position: relative;
text-align: left;
width: 524px;
/* -- width: 1533px; */
z-index: 1000;
}
/*#slide_holder_inner {
height: 238px;
left: 7px;
overflow: hidden;
position: absolute;
top: 8px;
width: 511px;
z-index: 2000;
}*/
#temp
{   
    height: 288px;
    overflow: hidden;
    background: url(/skins/default/img/JCarousel/lifestyle_loader_bg.png) no-repeat 1px 1px;
    margin:15px 0 0;  /*made by Szabi :):):)*/
}
#slide_holder_inner
{
    height: 286px;
    overflow: hidden;
}

/*-- for slide divs --*/

#slide_holder_inner div {
position: relative;
}

#slide_holder_inner .articlenavigator 
{
	position: relative;
	background:#F6F6F6 none repeat scroll 0 0;
	border-top:1px solid #E4E4E4;
	height:25px;
	overflow:hidden;
	position:relative;
	top:260px;
	z-index:100;
}

/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div {
position: relative;
}
div#carousel_controls 
{
    height: 25px;
    position: relative;
    top: -69px;
    background: #f6f6f6;
    border-top: 1px solid #e4e4e4;
/*background-image: url(/skins/default/img/JCarousel/bg_controls.png);
background-position: 0 0;
background-repeat: no-repeat;
height: 30px;
width: 511px;
z-index: 4000;*/
}

/*-- for slide buttons --*/

#slide_buttons li:hover, #pause_button, .prev_button, .next_button, #first_button, #last_button {
cursor: pointer;
cursor: hand;
z-index: 5000;
}
#slide_buttons li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span {
margin-left: -10000px;
}
#slide_buttons li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark {
background-repeat: no-repeat;
overflow: hidden;
top: 0px;
}
ul#slide_buttons 
{
bottom:25px;    /*made by Szabi :):):)*/
float:right;	/*made by Szabi :):):)*/
list-style-image:none;	/*made by Szabi :):):)*/
list-style-position:outside;	/*made by Szabi :):):)*/
list-style-type:none;	/*made by Szabi :):):)*/
margin:0;	/*made by Szabi :):):)*/
padding:0;	/*made by Szabi :):):)*/
position:relative;	/*made by Szabi :):):)*/
right:5px;	/*made by Szabi :):):)*/
	
padding: 0;
/*position: absolute;
left: 109px;
top: 3px;*/
z-index: 5000;
}
ul#slide_buttons li {
/*background-image: url(images/button.png);*/
/*background-color:#999;*/
background: url(/skins/default/img/navbuttonback0.png) no-repeat;
display: block;
float: left;
height: 20px;
list-style: none;
margin: 0 5px 0 0;
padding: 0;
width: 20px;
font: bold 12px Arial, Helvetica, sans-serif;
    color: #5997bf;
    text-align: center;
    line-height: 20px;
}
/*ul#slide_buttons li a:hover 
{
    background: url(/skins/default/img/navbuttonback1.png) no-repeat;
}*/

ul#slide_buttons li#button_selected { background: url(/skins/default/img/navbuttonback1.png) no-repeat }

.leadingtitle {
    margin:0;
    bottom:78px;
    width:600px;
}


ul#slide_buttons li#button_selected a {
/*background-image: url(../images/button_selected.png);*/
/*background-color:#444;*/
/*background: url(/skins/default/img/navbuttonback1.gif) no-repeat;*/
color: #000;
}
ul#slide_buttons li#button_selected:hover {
}
/*-- first & last buttons --*/

#first_button {
background-image: url(/skins/default/img/JCarousel/first.png);
height: 29px;
left: 354px;
width: 34px;
background-position: 0 -36px;
}
#first_button:hover {
background-position: 0 0;
}
#last_button {
background-image: url(/skins/default/img/JCarousel/last.png);
height: 29px;
left: 474px;
width: 34px;
background-position: 0 -36px;
}
#last_button:hover {
background-position: 0 0;
}

/*-- end first & last buttons --*/

/*-- next & prev buttons --*/
#nex_prev_buttons {
position: absolute;
left: 0;
z-index: 5000;
}
#slide_holder_inner div #next_button 
{
    /*background-image: url(/skins/default/img/JCarousel/next.png);
background-position: 0 -36px;*/
    height: 29px;
    width: 31px;
    float: right;
    margin: 3px 0 0 0;
    /*position: relative;
    left: 233px;
    top: -26px;*/
}

#slide_holder_inner div #next_button a {
display: block;
height: 29px;
width: 31px;
background: url(/skins/default/img/JCarousel/navforward0.gif) no-repeat;
}
#slide_holder_inner div #next_button a:hover {
background: url(/skins/default/img/JCarousel/navforward1.gif) no-repeat;
}
#prev_button 
{
height: 29px;
width: 31px;
margin: 3px 0 0 0;
float: right;
/*background-image: url(/skins/default/img/JCarousel/prev.png);
background-position: 0 -36px;*/
/*position: relative;
left: 78px;
top: 3px;*/
}
#prev_button a 
{
    display: block;
    height: 29px;
    width: 31px;
    background: url(/skins/default/img/navback0.gif) no-repeat;
}
#prev_button a:hover {
display: block;
background: url(/skins/default/img/navback1.gif) no-repeat;
}
/*-- end next & prev buttons --*/


/*-- looks like pause button --*/
.pause_button {
background-image: url(/skins/default/img/JCarousel/pause.png);
background-position: 0 -36px;
height: 29px;
left: 419px;
width: 24px;
}
.pause_button:hover {
background-position: 0 0;
}
/*-- looks like play button --*/
.paused_button {
background-image: url(/skins/default/img/JCarousel/play.png);
background-position: 0 -36px;
height: 29px;
left: 419px;
width: 24px;
}
.paused_button:hover {
background-position: 0 0;
}

/*-- hover next & hoverprev buttons --*/

#hover_next_button, #hover_prev_button {
height: 125px;
background-repeat: no-repeat;
overflow: hidden;
width: 77px;
top: 35px;
z-index: 6000;
}
#hover_next_button span {
}
#hover_next_button {
background-image: url(/skins/default/img/JCarousel/hover_next.png);
background-position: 21px 35px;
padding: 30px 0 30px 30px;
right: 0;
}
#hover_prev_button {
background-image: url(/skins/default/img/JCarousel/hover_prev.png);
background-position: 8px 35px;
padding: 30px 30px 30px 0;
left: 0;
}

/*-- end next & prev buttons --*/

/*-- rules for slide captions --*/

#slide_captions {
color: #333;
left: 8px;
overflow: visible;
top: 5px;
z-index: 6000;
}
#slide_captions span {
font-family: Tahoma;
font-size: 15px;
height: 20px;
line-height: 20px;
overflow: visible;
}

/*-- end rules for slide captions --*/

/*-- rules for watermark --*/

#water_mark {
background-image: url(/skins/default/img/JCarousel/water_mark.png);
height: 30px;
left: 202px;
width: 246px;
top: 208px;
z-index: 6000;
}

#water_mark span {
}

/*-- end rules for slide captions --*/

/*-- slide number display --*/

#slide_number_display {
background-image: url(/skins/default/img/JCarousel/bg_swatch.png);
background-position: 0 0;
background-repeat: no-repeat;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
height: 23px;
padding: 4px;
right: 7px;
text-align: center;
top: 208px;
width: 37px;
z-index: 5000;
}

/*-- for carousel view --*/

#row_of_slides {
position: absolute;
top: 0;
}
#row_of_slides .slide {
position: absolute;
overflow: hidden;
}
				
/*-- end for carousel view --*/				

/*-- end number display --*/

/*-- end required & default rules --*/

/*-- example rules --*/
/*html body {
font-family: Arial, Helvetica, sans-serif;
margin: 20px;
background-color: #333;
}*/
#slide_holder {
margin: 20px auto 0 auto;
}