/*Edited Styles 2014 GEWEB*/

/* Miscellaneous classes for reuse  */
.detail_price { font-size: larger; font-weight: bold; }
.detail_price_prior { text-decoration:line-through;}
.detail_price_sale { color: red;}

.detail_image {width:300px;text-align:left;padding-bottom:10px; padding-right:5px; float:left;}
.detail_image_inner {min-height:250px}
.detail {height:auto;}
.floatright{float:right;}
.img-floatright{float:right;padding-right:3px;}
.floatleft{float:left;margin-right:8px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0;}

h2 {font-size:16px !important;}
h3 {font-size:14px !important;}

#topbar{
width:95%;
background:transparent;
float:left;
margin-top:8px;
height:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:0px;
}

.shop #topmenu{width:99%;padding:0;}
.popup{width:300px;color:#000;background-color:#FFF;}
img.center {display: block;margin-left: auto;margin-right: auto;}

/* Content styling  */

ul.basic li{padding-bottom:5px;}
a:hover{color:#5182d5;}
.warning{font-size:.9em;font-style:italic;color:#C00;font-weight:700;}

.emphasized {
color:#000000;
font-style:italic;
font-weight:800;}

.banner-text {font-size:18px;font-weight:800;text-align:center;}
.marketing-text {font-size: 16px;line-height: 10px;letter-spacing:-1px;text-align: center;}
.information {color:#0000FF;font-style:italic;font-weight:800;}
.subcategory {color: black;padding-left:10px; margin-bottom:10px; margin-top:10px; font-size: 18px;background-color:#dfdbda;}

#sliding_popup { position:fixed; left:0px; display:block; width:100%; padding:0px; margin:0px;}
#content, #note { text-align:justify; width:300px;}
#note { border:2px solid #D84; margin-bottom:1em; display:none; background-color:yellow; padding:5px; cursor:default;}

#selectvehicle {text-align:left;}
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {background-color:white; border:4px solid #444; padding:0px;}
#simplemodal-container a.modalCloseImg {background:url(/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

.form-condensed .control-group {
    margin-top: 0;
    margin-bottom: 5px;
}

.navbar.navbar-inverse {
    background-color: #ca1905;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar.navbar-inverse .navbar-collapse {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-inverse .navbar-brand {
  color: #ffffff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #000000;
}
.navbar-inverse .navbar-text {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #000000;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #ffffff;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #000000;
  background-color: #ffffff;
}
.navbar-inverse .navbar-toggle {
  border-color: #ffffff;
  color: white;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #ffffff;
  color: black;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #ffffff;
}
.navbar-inverse .navbar-link {
  color: #ffffff;
}
.navbar-inverse .navbar-link:hover {
  color: #000000;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000000;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000000;
    background-color: #ffffff;
  }
}

/* CSS used here will be applied after bootstrap.css */
.navbar-header form {
    position: absolute;
    left: 20px;
    max-width: 250px;
}
button.navbar-toggle.pull-left {
    margin-left: 15px;
}
@media only screen and (max-width:768px){
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: rgba(0,0,0,0);
        margin-top: 0;
        padding-top: 8px;
    }
    .navbar-form {
        padding: 10px 15px;
        margin-top: 8px;
        margin-right: -15px;
        margin-bottom: 8px;
        margin-left: -15px;
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 0px 0 rgba(255,255,255,.1);
    }
    .navbar-button {
        padding: 10px 15px;
        margin-top: 8px;
        margin-right: -15px;
        margin-bottom: 8px;
        margin-left: -15px;
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 0px 0 rgba(255,255,255,.1);
    }
}