/* 
*	Urmatoarele stiluri sunt doar pentru prezentarea demo-urilor si nu au nici o legatura cu functionalitatea plugin-ului:
*/

/* * { margin: 0; padding: 0; }
body { font: 12px Verdana; line-height: 20px; background-color: #F8FAFA; }
a { color: #BE0C0C; text-decoration: none; }
a:hover { color: #333; }
a:active, a:focus { outline: none; }
h1 { font-size: 16px; font-weight: bold; padding-bottom: 10px; }
p { padding-bottom: 10px; }*/
.ico { width: 24px; height: 24px; background-color: #FFF;  padding: 0; background-repeat: no-repeat; background-position: 4px 4px; }
.ico-first { background-image: url("../img/ico/first.png"); margin-right: 5px; }
.ico-prev {
	background:transparent url(../images/top.png) no-repeat scroll 0%;
	display:block;
	height:15px;
	text-align:center;
	width:330px;
	margin-left:370px;
}
.ico-prev:hover {
	background:transparent url(../images/top.png) no-repeat scroll 0%;
}
.ico-next {
	background:transparent url(../images/bottom.png) no-repeat scroll 0%;
	display:block;
	height:15px;
	text-align:center;
	width:330px;
	margin-left:370px;
}

.ico-next:hover {
	background:transparent url(../images/bottom.png) no-repeat scroll 0%;
}

.ico-prev3 {
	background:transparent url(../images/top.png) no-repeat scroll 0%;
	display:block;
	height:15px;
	text-align:center;
	width:330px;
	margin-left:360px;
}
.ico-prev3:hover {
	background:transparent url(../images/top.png) no-repeat scroll 0%;
}
.ico-next3 {
	background:transparent url(../images/bottom.png) no-repeat scroll 0%;
	display:block;
	height:15px;
	text-align:center;
	width:330px;
	margin-left:360px;
}

.ico-next3:hover {
	background:transparent url(../images/bottom.png) no-repeat scroll 0%;
}

.ico-prev2 {
	background:transparent url(../images/prev.png) no-repeat scroll 0%;
	display:block;
	height:16px;
	text-align:center;
	width:16px;
}

.ico-next2 {
	background:transparent url(../images/next.png) no-repeat scroll 0%;
	display:block;
	height:16px;
	text-align:center;
	width:25px;
}


.ico-last { background-image: url("../img/ico/last.png"); margin-left: 5px; }
.ico-toggle { background-image: url("../img/ico/toggle.png"); margin-top: -6px; }
.ico-ro { background-image: url("../img/flags/ro.gif"); }
.ico-au { background-image: url("../img/flags/au.gif"); }
.ico-cm { background-image: url("../img/flags/cm.gif"); }
.ico-py { background-image: url("../img/flags/py.gif"); }
.ico-jp { background-image: url("../img/flags/jp.gif"); }
.left { float: left; }
.right { float: right; }
#wrapper { width: 870px; margin: 20px auto; }
.carousel-menu { position: relative; list-style-type: none; margin-bottom: 2px; }
.carousel-menu a.carousel-tab { padding: 5px 10px 5px 10px; border: 1px solid #CCD8E3; background-color: #FAFAFA; }
.carousel-menu a.selected { border-bottom-color: #FFF; background-color: #FFF; }
table { width: 100%; background-color: #CCD8E3; }
table tr { background-color: #FFF; }
table thead tr { background-color: #FFF; }
table tr.odd { background-color: #FFF; }
table tr td { padding: 5px; }
table tr td.small { width: 12px; }
table tr td input { width: 13px; height: 13px; }

.menu-top{
	background: url("../images/top-enable.gif") no-repeat;width:330px;height:15px;text-align:center;margin-left:350px;}

.menu-bottom{
	background: url("../images/bottom-enable.gif") no-repeat;width:330px;height:15px;text-align:center;margin-left:350px;
}
/* 
*	Declaratiile ramase sunt necesare functionarii fiecarui demo in parte:
*/

.carousel-main {
	width: 420px;
	}

.carousel-scroller {
	width: 418px;
	height: 334px;
	overflow: hidden;
	margin-bottom: 5px;
	}
	
.carousel-scroller4 {
	width: 780px;
	height: 280px;
	overflow: hidden;
	margin-bottom: 5px;
	}
	
.carousel-scroller2 {
	width: 183px;
	height: 138px;
	overflow: hidden;
	/*margin-bottom: 5px;*/
	}
	
.carousel-scroller3 {
	width: 490px;
	height: 160px;
	overflow: hidden;
	margin-bottom: 5px;
	}


#content-1 {
	width: 420px;
	}
	
#content-4 {
	width: 780px;
	}
	
#content-2{
	width:15000px;
}

#content-3{
	width:15000px;
}

.carousel-slide {
	width: 400px;
	height: 311px;
	float: left;
	background-color: #FFF;
	margin-bottom:25px;
	}
	
.carousel-slide4 {
	width: 780px;
	height: 280px;
	float: left;
	background-color: #FFF;
	margin-bottom:25px;
	}
	
.carousel-slide2 {
	width: 188px;
	height: 138px;
	float: left;
	background-color: #FFF;
	/*margin-bottom:5px;*/
	}
	
.carousel-slide3 {
	width: 490px;
	height: 160px;
	float: left;
	background-color: #FFF;
	margin-bottom:5px;
	}

#horizontal_carousel3{
	width:500px;
	height:170px;
	
}

#vertical_carousel4{
	width:780px;
	height:310px;
	margin-bottom:50px;
}

*html .ico-prev {
	background:transparent url(../images/top.gif) no-repeat scroll 0%;
	display:block;
	height:15px;
	text-align:center;
	width:330px;
	margin-left:370px;
}
*html .ico-prev:hover {
	background:transparent url(../images/top.gif) no-repeat scroll 0%;
}
*html .ico-next {
	background:transparent url(../images/bottom.gif) no-repeat scroll 0%;
	display:block;
	height:15px;
	text-align:center;
	width:330px;
	margin-left:370px;
}

*html .ico-next:hover {
	background:transparent url(../images/bottom.gif) no-repeat scroll 0%;
}

*html .ico-prev3 {
	background:transparent url(../images/top.gif) no-repeat scroll 0%;
	display:block;
	height:15px;
	text-align:center;
	width:330px;
	margin-left:360px;
}
*html .ico-prev3:hover {
	background:transparent url(../images/top.gif) no-repeat scroll 0%;
}
*html .ico-next3 {
	background:transparent url(../images/bottom.gif) no-repeat scroll 0%;
	display:block;
	height:15px;
	text-align:center;
	width:330px;
	margin-left:360px;
}

*html .ico-next3:hover {
	background:transparent url(../images/bottom.gif) no-repeat scroll 0%;
}

*html .ico-prev2 {
	background:transparent url(../images/prev.gif) no-repeat scroll 0%;
	display:block;
	height:16px;
	text-align:center;
	width:16px;
}

*html .ico-next2 {
	background:transparent url(../images/next.gif) no-repeat scroll 0%;
	display:block;
	height:16px;
	text-align:center;
	width:25px;
}