﻿#picture-holder .btn {
 text-align: center;
 display:block; /*comment this out to make it visible only on hover*/
 }
 #picture-holder:hover .btn{
 /*display:block; */
 }
 #image-slider{
 position:relative;
 margin:0 auto;
 overflow:hidden;
 }
.ps_prev, .ps_next, .ps_menu{
 width:40px;
 height:40px;
 position:absolute;
 z-index:100;
 top:50px;
 line-height:40px;
 text-align:center;
 display:none;
 cursor:pointer; 
 }
 .ps_prev{
 background:#FFF;
 padding:15px 10px 4px 12px;
 opacity: 0.8;
 left:30px;
}
 .ps_next{
 background:#FFF;
 padding:15px 10px 4px 12px;
 opacity: 0.8;
 right:30px;
 }
.ps_next img {
 width:20px;
 }

.ps_prev img {
 width:20px;
 }
 #button {
 font-family: “Helvetica Neue”, Helvetica Neue, Helvetica, Arial, sans-serif;
 color: #686868;
 font-size: 14px;
 font-weight: bold;
 border: 1px solid #AFAFAF;
 -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
 -webkit-border-radius: 3px;
 border-radius: 3px;
 cursor: pointer;
 }
 /*---------------------------------------------------------*/
#nav { 
     /* position: relative; padding-right: 20px; */
     background: #fff;
     cursor: pointer;}
.dropdown-toggle { padding: .5em 1em; background: #fff; border-radius: .2em .2em 0 0; cursor: pointer; }
ul.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  margin-top: .5em;
  background: #fff;
  min-width: 8em;
  padding: 0;
  border-radius: 0 0 .2em .2em;
  z-index:1;
}
ul.dropdown li { list-style-type: none;  }
ul.dropdown li a {
  text-decoration: none;
  padding: .5em 1em;
  display: block;
}

/*********** CSS For search button **********************/
#navigation-bar {
    position: relative;
    height: 40px;
}
#search {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
}
#label {
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 20;
}
#label label {
    display: block;
    width: 40px;
    height: 40px;
    background: url("http://www.conceptcarz.com/images/search.png") 0 0;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    cursor: pointer;
}
#label label:hover {
    background: url("http://www.conceptcarz.com/images/search.png") -45px 0
}
#label.active label {
    background: url("http://www.conceptcarz.com/images/search.png") -45px 0
}
#input {
    position: absolute;
    top: 0;
    left: 40px;
    width: 250px;
    height: 40px;
    z-index: 5;
    overflow: hidden;
}
#input input {
    display: block;
    position: absolute;
    top: 0;
    left: -450px;
    width: 250px;
    height: 100%;
    margin: 0;
    padding: 0 5px;
    border: none;
    background-color: #23688b;
    color: #fff;
    font-size: 18px;
    backface-visibility: none;
    border-radius: 0;
    transition: left 0;
}
#input input:focus {
    outline: none
}
#input.focus {
    z-index: 20
}
#input.focus input {
    left: 0;
    transition: left 0.3s;
}
