#slideshow { position: absolute; top: 120px; left: 0; float: left; }
		
.container { width: 990px; height:460px; overflow:hidden; position:relative; }
div.slides { position:absolute; top:0; left:0; overflow: hidden;width:990px; height:460px; }

div.slides div { width: 980px; height: 460px; padding:0; margin:0; display: none; position:absolute; top:0; left: 0; }
	div.slides div { width: 980px; height: 460px; padding:0; margin:0; display: none; position:absolute; top:0; left: 0; }
	div.slides div a { display: block; width: 980px; height: 460px; overflow: hidden; position: relative; }

/* pagination */
ul.pagination { height: 100px; position: absolute; left: 0; top: 360px; list-style: none; font-weight: bold; }
ul.pagination li  { display: block; float:left; width: 245px;  }
ul.pagination li a { display: block; float:left; width: 245px; height: 100px; color: #fff; text-decoration: none; background: #264679; border-top: 1px solid #1f3963; position: relative;  }
ul.pagination li a:hover { text-decoration: none; background: #1f3963; border-top: 1px solid #1a2f52; color: #fff;  }
ul.pagination li a.active { background: none; border-top: none; margin-top: 1px; }


	/* nadsavenie farby odkazu pre outsourcing */
	ul.pagination li#tab-outsourcing a.active { color: #1f3963; }

	/* rohy */
	ul.pagination li#tab-comp a { background: #264679 url(../images/tab-left-corner.gif) left bottom no-repeat; }
	ul.pagination li#tab-phone a { background: #264679 url(../images/tab-right-corner.gif) right bottom no-repeat; }
	ul.pagination li#tab-comp a:hover { background: #1f3963 url(../images/tab-left-corner-hover.gif) left bottom no-repeat; }
	ul.pagination li#tab-phone a:hover { background: #1f3963 url(../images/tab-right-corner-hover.gif) right bottom no-repeat; }
	ul.pagination li#tab-comp a.active { background: none; border-top: none; }
	ul.pagination li#tab-phone a.active { background: none; border-top: none; }

	ul.pagination li a span { cursor: pointer; }
	ul.pagination li a span.cnt { display: block; padding: 38px 0 0 86px; height: 38px; border-right: 1px solid #1f3963; }
	ul.pagination li a.active span.cnt { border-right: none; }
	ul.pagination li#tab-phone a span.img { border-right: none; }

	ul.pagination li a span.img { display: block; position: absolute; left: 0; top: 0; }
		ul.pagination li#tab-comp a span.img 		{ padding: 9px 0 0 23px; }
		ul.pagination li#tab-notebook a span.img 	{ padding: 28px 0 0 10px; }
		ul.pagination li#tab-outsourcing a span.img { padding: 23px 0 0 22px; }
		ul.pagination li#tab-phone a span.img 		{ padding: 29px 0 0 21px; }


noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw { width: 980px; height: 460px; overflow: scroll; overflow: hidden;}
.csw .loading {margin: 100px 0 400px 0; text-align: center; color: #deeef6; }

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	/*border: 5px solid #0c0; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 990px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 460px;
	clear: both;
}