@charset "UTF-8";
/* CSS Document */


#slider-wrap{
width: 920px;
}

#black-panel{
width: 920px;
height: 90px;
background-color:#000;
}

#info-container{
width: 920px;
height: 70px;
padding: 17px 0 0 0;
color:#FFFFFF;
background:url(../images/pattern.gif) bottom left no-repeat;
}

.message-one{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
text-align:center;
padding: 0 0 3px 0;
}

.message-two{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
}

#expand-container{
width: 583px;
height: 27px;
padding: 0 0 0 337px;
}

.hidden-panel{
width: 920px;
height: 200px;
background-color:#FFF;
border-bottom: 1px solid #CCCCCC;
}

.expand {
width:245px;
height:27px;
background: url(../images/open-close.jpg) no-repeat top left;
cursor: pointer;
float:left;
}

.expanded {
background-position: bottom left;
}

#left-text{
width: 244px;
height: 173px;
float:left;
padding: 27px 25px 0 19px;
}

.info {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
color:#000000;
}

.side-title{
width: 244px;
padding: 0 0 11px 0;
color:#597783;
font-family:Arial, Helvetica, sans-serif;
font-size: 22px;
line-height: 23px;
}


#one-pixel{
width: 1px;
height: 200px;
background-color:#CCCCCC;
float:left;
}

#master-scroll {
width: 630px;
height: 200px;
float:left;
background-color:#D9E3E5;
}

.off {
width: 245px;
height: 27px;
border: none;
background: url(../images/open-close.jpg) no-repeat top left;
margin: 0;
padding: 0;
border: 0;
}

#no {
width:50px;
height: 141px;
float:left;
padding: 59px 0 0 24px;
}

#step-1-text{
width: 305px;
height: 141px;
padding: 59px 0 0 5px;
float:left;
}

#step-2-text{
width: 310px;
height: 141px;
padding: 59px 0 0 5px;
float:left;
}

#step-3-text{
width: 300px;
height: 141px;
padding: 59px 0 0 5px;
float:left;
}

#step-4-text{
width: 290px;
height: 141px;
padding: 59px 0 0 5px;
float:left;
}

.step-title{
font-family:Arial, Helvetica, sans-serif;
padding: 0 0 1px 0;	
font-size:17px;
font-weight:bold;
color:#000;
}

.step-detail{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height: 21px;
color:#000;
font-weight:normal;
}

#step-1-im{
padding: 48px 0 0 10px;
float:left;
}

#step-2-im{
padding: 81px 0 0 0;
float:left;
}

#step-3-im{
padding: 95px 0 0 0;
float:left;
}

#step-4-im{
padding: 73px 0 0 15px;
float:left;
}



/*  SLIDER STYLES  */ 


#scrollbox {
	width: 550px;
	height: 200px;
	background-color:#D9E3E5;
	padding: 0 40px 0 40px;
	position: relative;
	/*overflow:hidden;*/
}

#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:550px;
height:200px;
overflow:hidden; 
}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
display:block;
width:40px;
height:200px;
position:absolute;
left: 0px;
top:0px;
z-index:3000;
text-indent:-9999px;
}	
#nextBtn, #slider1next{ 
left:594px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
display:block;
position:relative;
width:36px;
height:266px;
background:url(../images/slide-back.jpg) no-repeat 0 0;	
}	
#nextBtn a, #slider1next a{ 
background:url(../images/slide-forward.jpg) no-repeat 0 0;	
}	
#prev-Btn a {
background:url(../images/slide-back.jpg) no-repeat 0 0;	
}