/* @group Content slider */

#content_navigation {
	width: 890px;
	position: absolute;
	text-align: center;
	margin-left: 16px;
	margin-top: 379px;
	z-index: 50;
}

#slider {
	width: 620px;
	margin: 0 auto;
	position: absolute;
	margin-left: 40px;
	margin-top: 120px;
}

.scroll {
	height: 400px;
	width: 980px;
	position: absolute;
	z-index: 5;
	clear: left;
	margin-left: -30px;
}

.scrollContainer div.panel {
	height: 390px;
	width: 900px;
	padding-left: 50px;
	padding-right: 50px;
}

div.leftside {
	float: left;
	width: 420px;
	height: 370px;
	padding-right: 30px;
	padding-top: 20px;
}

div.rightside {
	float: left;
	width: 450px;
	height: 390px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 57px;
}

ul.navigation li {
    display: inline;
    margin-left: 10px;
}

ul.navigation a {
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
}

ul.navigation a.selected {
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: -150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

/* @group graphic rollovers */

a.slidenav1 {
	display: block;
	width: 128px;
	height: 57px;
	margin-left: 0px;
	position: absolute;
	background: url(images/nav1.png) 0 0 no-repeat;	  
}

a.slidenav1 span {
	display: none;
}

a.slidenav1:hover {
	background-position:-128px;	
}

a.slidenav1.selected {
	background-position:-256px;	
}

a.slidenav2 {
	display: block;
	width: 128px;
	height: 57px;
	margin-left: 127px;
	position: absolute;
	background: url(images/nav2.png) 0 0 no-repeat;	  
}

a.slidenav2 span {
	display: none;
}

a.slidenav2:hover {
	background-position:-128px;	
}

a.slidenav2.selected {
	background-position:-256px;	
}

a.slidenav3 {
	display: block;
	width: 128px;
	height: 57px;
	margin-left: 254px;
	position: absolute;
	background: url(images/nav3.png) 0 0 no-repeat;	  
}

a.slidenav3 span {
	display: none;
}

a.slidenav3:hover {
	background-position:-128px;	
}

a.slidenav3.selected {
	background-position:-256px;	
}

a.slidenav4 {
	display: block;
	width: 128px;
	height: 57px;
	margin-left: 381px;
	position: absolute;
	background: url(images/nav4.png) 0 0 no-repeat;	  
}

a.slidenav4 span {
	display: none;
}

a.slidenav4:hover {
	background-position:-128px;	
}

a.slidenav4.selected {
	background-position:-256px;	
}

a.slidenav5 {
	display: block;
	width: 128px;
	height: 57px;
	margin-left: 508px;
	position: absolute;
	background: url(images/nav5.png) 0 0 no-repeat;	  
}

a.slidenav5 span {
	display: none;
}

a.slidenav5:hover {
	background-position:-128px;	
}

a.slidenav5.selected {
	background-position:-256px;	
}

a.slidenav6 {
	display: block;
	width: 128px;
	height: 57px;
	margin-left: 635px;
	position: absolute;
	background: url(images/nav6.png) 0 0 no-repeat;	  
}

a.slidenav6 span {
	display: none;
}

a.slidenav6:hover {
	background-position:-128px;	
}

a.slidenav6.selected {
	background-position:-256px;	
}

a.slidenav7 {
	display: block;
	width: 128px;
	height: 57px;
	margin-left: 762px;
	position: absolute;
	background: url(images/nav7.png) 0 0 no-repeat;	  
}

a.slidenav7 span {
	display: none;
}

a.slidenav7:hover {
	background-position:-128px;	
}

a.slidenav7.selected {
	background-position:-256px;	
}


/* @end */

.hide {
    display: none;
}

/* @end */