﻿ /* ---------------------------------------------------- */  
 /* GLOBAL 
 /* ---------------------------------------------------- */  
/* ---------------------------------------------------- */  
 /* SLIDESHOW 
 /* ---------------------------------------------------- */  
 #slideshow {  
 width:624px; 
  margin:0px 0px 5px 0px;
 }  
   
#slideshow ul {  
 margin: 0;  
 padding: 0;  
list-style-type: none;  
height: 1%; /* IE fix */}  
   
 #slideshow ul:after {  
 content: ".";  
clear: both;  
display: block;  
 height: 0;  
 visibility: hidden;} 
           
   
 /* ---------------------------------------------------- */  
/* SLIDESHOW > SLIDES 
# /* ---------------------------------------------------- */  
#slideshow .slides {  
 overflow: hidden;  
 /*width: 960px;*/
 width:624px;}  
   
#slideshow .slides ul {  
 /* total width of all slides - 
# 960px multiplied by 3 in this case */  
 width:3775px;}  
  
#slideshow .slides li {  
 /*width: 920px;padding: 20px;*/  
 float: left;
 height:290px;  
 width:624px;
 }  
 
 #slideshow .slides li p
 {
    margin:0px 300px 10px 40px;
 }
 .welcomeSlide
{
    height: 241px;
    width: 624px;
    color: #ffffff;
    background-image: url('../Images/Slides/Welcome.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 40px 0px 30px 0px;
    margin: 0px;
}

 .valuationSlide
{
    height: 230px;
    width: 624px;
    color: #ffffff;
    background-image: url('../Images/Slides/valuation_home.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 40px 0px 30px 0px;
    margin: 0px;
}
 .collectionSlide
{
    height: 230px;
    width: 624px;
    color: #ffffff;
    background-image: url('../Images/Slides/collection_home.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 40px 0px 30px 0px;
    margin: 0px;
}

 .resaleSlide
{
    height: 230px;
    width: 624px;
    color: #ffffff;
    background-image: url('../Images/Slides/resale_home.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 40px 0px 30px 0px;
    margin: 0px;
}

 .maintenanceSlide
{
    height: 230px;
    width: 624px;
    color: #ffffff;
    background-image: url('../Images/Slides/maintenance_home.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 40px 0px 30px 0px;
    margin: 0px;
}

 .disposalSlide
{
    height: 228px;
    width: 624px;
    color: #ffffff;
    background-image: url('../Images/Slides/disposal_home.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 40px 0px 30px 0px;
    margin: 0px;
}
 
#slideshow .slides h2 {  
 margin-top: 0;}  
   
/* ---------------------------------------------------- */  
/* SLIDESHOW > NAVIGATION 
 /* ---------------------------------------------------- */  
#slideshow .slides-nav
{
    background-position: left top;
    background-color: #FBFBFB;
    background-image: url( '../Images/Slides/slide_menu_back.jpg' );
    background-repeat:no-repeat;
    width:624px;
    height:69px;
}  
  
#slideshow .slides-nav li {  
float: left;}  
  
#slideshow .slides-nav li a {  
display: block;  
padding: 20px 8px 10px 8px;  
outline: none;
color:#A9A9A9;
font-weight:bold;
text-align:center;} 

/*.js #slideshow .slides-nav li.on
.js #slideshow .slides-nav li.on a {
background-color: #eee;}*/

.js #slideshow .slides-nav li.on .welcome  {
background-position: center top;
    position: relative;
    top: 0px;
    background-image: url( '../Images/Slides/welcome_selected_menu.png' );
    background-repeat: no-repeat;
    color:#595C5C;
}


.js #slideshow .slides-nav li.on .resale  {
background-position: center top;
    position: relative;
    top: 0px;
    background-image: url( '../Images/Slides/resale_selected_menu.png' );
    background-repeat: no-repeat;
    color:#6B1F5B;
}
.js #slideshow .slides-nav li.on .valuation {
background-position: center top;
    position: relative;
    top: 0px;
    background-image: url( '../Images/Slides/valuation_selected_menu.png' );
    background-repeat: no-repeat;
    color:#9D0310;
    
}
.js #slideshow .slides-nav li.on .storage {
background-position: center top;
    position: relative;
    top: 0px;
    background-image: url( '../Images/Slides/collection_selected_menu.png' );
    background-repeat: no-repeat;
    color:#53351E;}

.js #slideshow .slides-nav li.on .maintenance
{
    background-position: center top;
    position: relative;
    top: 0px;
    background-image: url( '../Images/Slides/maintenance_selected_menu.png' );
    background-repeat: no-repeat;
    color:#434C1E;
}

.js #slideshow .slides-nav li.on .disposal {
background-position: center top;
    position: relative;
    top: 0px;
    background-image: url( '../Images/Slides/disposal_selected_menu.png' );
    background-repeat: no-repeat;
    color:#3D3F32;}
    
/* ---------------------------------------------------- */  
/* SERVICES SLIDESHOW 
/* ---------------------------------------------------- */  


#slideshow .slides {  
 overflow: hidden;  
 /*width: 960px;*/
 width:624px;}  
   
#slideshow .slides ul {  
 /* total width of all slides - 
# 960px multiplied by 3 in this case */  
 width:1048px;}  
  
#slideshow .slides li {  
 /*width: 920px;padding: 20px;*/  
 float: left; 
 width:624px;
 }  
 
#slideshow1 .slides li p
{
    margin:0px 300px 10px 40px;
}
 .GasSlide
{
    height: 241px;
    width: 624px;
    color: #ffffff;
    background-image: url('../Images/Slides/GAS_Slide.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 40px 0px 30px 0px;
    margin: 0px;
}


 .HealthcareSlide
{
    height: 241px;
    width: 624px;
    color: #ffffff;
    background-image: url('../Images/Slides/Healthcare_slide.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 40px 0px 30px 0px;
    margin: 0px;
}

.HealthcareSlide a
{
    display:block;
    color:#006cb7;
    margin:5px 0px 5px 0px;
    font-size:15px;
}
  

