/*********************** SCROLLERS ***********************/
.root {
position: relative;
width: 900px;
height: 425px;
margin: 0;}

.root_menu {
position: relative;
width: 425px;
height: 425px;
margin: 0;}

#root0 {
padding: 0 40px 0 0;}

#root1 {
padding: 0;}
		
.root p {
margin: 30px 20px 5px 20px;}
		
.thumb {
position: absolute;
width: 22px;
height: 22px;
left: 10px;
cursor: pointer;}
		
.up, .dn {
width: 10px;
height: 9px;
position: absolute;
left: 10px;}
		
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img {
border: 0;}
		
.scrollContainer { 
position: absolute;
background-image: url(images/dotline_kiwi.png);
background-repeat: repeat-y;
background-position: right; 
width: 840px; 
height: 310px;  
clip: rect(0, 840px, 310px, 0,); 
overflow: auto;}

.scrollContent {
position: absolute;
width: 840px;}

.scrollContainer_menu {
position: absolute;
background-image: url(images/dotline_orange.png);
background-repeat: repeat-y;
background-position: right; 
width: 360px; 
height: 300px;  
clip: rect(0, 360px, 300px, 0,); 
overflow: auto;}
			
.scrollContent_menu {
position: absolute;
width: 360px;}



.scrollContent_left {
width: 370px;
margin: 0;
float: left;
padding: 0 25px 0 0;}

.scrollContent_left_locations {
width: 380px;
margin: 0;
float: left;
padding: 0 30px 0 0;}
		
.scrollContent_right {
width: 420px;
margin: 0;
padding: 0 20px 0 0;
float: right;}

.scrollContent_right p {
padding: 0 0 20px 0;
margin: 0;}
		
.scrollContent_right h2 {
padding: 0 0 10px 0;
margin: 0;}


.scrollContent_right_locations {
width: 400px;
margin: 0;
padding: 0 20px 0 0;
float: left;}

.scrollContent_right_locations p {
padding: 5px 0 0 0;
margin: 0;}

.scrollContent_right_locations h2 {
padding: 0;
margin: 0;}