#image_wrapper .ps-current > ul,
#image_wrapper .ps-list                 { list-style: none; padding: 0px; margin-bottom: 30px; text-align: center; }
#image_wrapper .ps-current > ul li,
#image_wrapper .ps-list li              { display: inline-block; float: none; }
#image_wrapper .ps-list img             { cursor: pointer; }

#content-wrapper aside .box-body span   { padding: 15px; display: block; }
#content-wrapper .product-main-content  { margin-top: 0; }

.nav-tabs li                            { float: none !important; width: 100%; margin-bottom: 0px !important; }
.nav-tabs li > a                        { float: left; position: relative; }
.nav-tabs li .panel                     { position: absolute; width: 100%; height: 0px; padding-bottom: 39%; }
.nav-tabs li:nth-child(1) .panel        { z-index: 3; }
.nav-tabs li:nth-child(2) .panel        { z-index: 2; }
.nav-tabs li:nth-child(3) .panel        { z-index: 1; }
.nav-tabs li:target .panel              { z-index: 5; }
.nav-tabs li:target > a                 { font-weight: bold; }


.thumbnail,
.box-body                               { transition: none !important; }

.product-wrapper                        { float: none !important; }
.product-cell                           { float: left; width: 25%; margin: 0px; }
body .product-cell .title > h4               { overflow: hidden; white-space: normal; text-overflow: ellipsis;
    height: 64px; }

.megamenu                               { float: left; }
#search                                 { float: right; }

.tab-menu input.product-slider,
.tab-menu input.product-slider + .panel         { display: none; }
.tab-menu input.product-slider + .panel         { position: relative; z-index: 2; }
.tab-menu input.product-slider:checked + .panel { display: block; }
.tab-menu .nav-tabs                             { margin-bottom: -2px; }
.tab-menu .nav-tabs > li > a                    { font-family: "Oswald",arial,sans-serif; padding: 0px; outline: 0px; border: 0px; background-color: black; color: white; }
.tab-menu .nav-tabs > li > a > label            { padding: 8px 15px; margin: 0px; font-weight: normal; cursor: pointer; display: block; }
.tab-menu .thumbnail                            { position: relative; margin-bottom: 0px; }

.tab-menu .nav-tabs > li > a:hover {
    text-decoration: underline;
    color: #ffa319;
}

#content-wrapper .panel-default {
    border-color: black;
}

.panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}

a {
    color: #ffa319;
    text-decoration: none;
}

a:hover,
a:active {
    color: #ffa319;
    text-decoration: underline;
}

@media(max-width: 990px) {
    #cms-pages                          { padding: 0px !important; float: none !important; }
    header ul.nav                       { margin: 5px !important; }
    header ul.nav li                    { margin-top: 5px; }
    header ul.nav li:first-child        { margin-top: 0px; }
    header .container ul.nav            { margin: 0px !important; }
    header .container ul.nav > li > a   { margin: 0px !important; padding: 8px 15px; }
}

@media(max-width: 605px){
    .product-cell                       { width: 50%; }
    .nav-tabs li > a                    { width: 100%; margin-bottom: 5px; }
}

@font-face {
    font-family: "Arimo";
    font-style: normal;
    font-weight: 400;
    src: local("Arimo"), url("http://fonts.gstatic.com/s/arimo/v9/HNu4Nzh6q8Es60EMNZhs9w.woff2") format("woff2");
}
@font-face {
    font-family: "Arimo";
    font-style: normal;
    font-weight: 700;
    src: local("Arimo Bold"), local("Arimo-Bold"), url("http://fonts.gstatic.com/s/arimo/v9/27rE5lMk9EHpLbxiIuGd0PesZW2xOQ-xsNqO47m55DA.woff2") format("woff2");
}
@font-face {
    font-family: "Arimo";
    font-style: italic;
    font-weight: 400;
    src: local("Arimo Italic"), local("Arimo-Italic"), url("http://fonts.gstatic.com/s/arimo/v9/GYkAnzJvKnl5kOgLY6RO-w.woff2") format("woff2");
}
@font-face {
    font-family: "Arimo";
    font-style: italic;
    font-weight: 700;
    src: local("Arimo Bold Italic"), local("Arimo-BoldItalic"), url("http://fonts.gstatic.com/s/arimo/v9/_K7sg-ijHdmkwPzV9FiqaPk_vArhqVIZ0nv9q090hN8.woff2") format("woff2");
}

@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 400;
    src: local("Oswald Regular"), local("Oswald-Regular"), url("http://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2") format("woff2");
}

.img-responsive, .carousel-inner > .item > img, .carousel-inner > .item > a > img, .thumbnail > img, .thumbnail a > img {
    height : 150px;
}

#logo {
    display : block;
}

#logo a img {
    max-height: 800px;
    width: 100%;
}

.product-cell .title > h4 {
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    height: 31px;
}

body {
    color: #777;
    font-family: "Arimo",arial,sans-serif !important;
    background-image: url("http://www.oil-center.de/ebaytemplate/images2016/real_cf.png");
}

.container-background {
    background: transparent none;
}

.product-main-content {
    background-color: white;
    padding: 20px 20px;
    border: 0;
    border-radius: 0;
}

.product-main-content .panel-body {
    color: black;
}

.product-main-content h2 {
    margin-bottom: 20px;
    color: black;
    border-bottom: 1px solid black;
    text-transform: uppercase;
}

aside .panel-default {
    background-color: white;
    border-radius: 0;
    border: 0;
    padding: 10px 20px;
}

#main-wrapper.fluid #content-wrapper .container {
    padding: 0;
    margin-top: 20px;
}

.navbar-inverse {
    background-color: black;
}

h1, h2, h3 {
    padding: 10px 0 20px 0;
    margin: 0 0 20px 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffa319;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
}
h1 {
    font-family: "Oswald",arial,sans-serif;
    font-size: 38px;
    padding: 0 0 10px;
}
h2 {
    font-family: "Oswald",arial,sans-serif;
    font-size: 30px;
    padding: 0 0 10px;
}
h3 {
    font-family: "Oswald",arial,sans-serif;
    font-size: 20px;
    padding: 0 0 10px;
}
h4 {
    color: #ffa319;
    font-family: "Arimo",arial,sans-serif;
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 5px;
    font-weight:bold;
}
h5 {
    color: #cccccc;
    font-family: "Arimo",arial,sans-serif;
    font-size: 12px;
    padding: 0 0 5px;
}
h6 {
    color: #333333;
    font-family: "Oswald",arial,sans-serif;
    font-size: 26px;
    font-style: italic;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background: transparent;
    color: #ffa319;
    text-decoration: underline;
}

.navbar-inverse .navbar-nav > li > a {
    font-family: "Oswald",arial,sans-serif;
}

.navbar-default .navbar-nav > li > a {
    color: white;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffa319;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    background: transparent;
    color: #ffa319;
    text-decoration: underline;
}

.navbar-default .nav > li > a,
.navbar-default .btn {
    margin: 5px;
    padding: 10px;
    font-family: "Oswald",arial,sans-serif;
}

.navbar-wrapper,
.navbar-default {
    background: transparent;
}

.navbar.navbar-default > .container-fluid {
    background: black;
}


p, .button {
    color: #777777;
    font-family: "Arimo",arial,sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 10px;
}

#footer .panel {
    background-color: black;
    color: white;
    border-radius: 0;
    min-height: 170px;
}

#footer .panel-heading {
    padding: 10px 15px;
}

h5.panel-title {
    color: white;
}

#footer .panel p {
    color: white;
}

#footer .panel-body {
    min-height: 200px;
}

aside .panel-default {
    background-color: black;
}

aside .panel-default > .panel-heading > .panel-title {
    color: white;
    padding: 0 0 10px 0;
    border-bottom: 1px  solid #ffa319;
    text-transform: uppercase;
}

aside .nav-list a {
    color: white;
}

.panel-title,
#footer .panel .panel-title {
    border-bottom-color: #ffa319;
    font-family: "Oswald",arial,sans-serif;
}

aside .nav > li > a:hover,
aside .nav > li > a:focus {
    background: transparent;
    color: #ffa319;
    text-decoration: underline;
}

aside .nav-list > li:first-child:hover > a {
    padding: 4px 15px;
}

aside .nav-list > li:first-child:hover {
    border: none !important;
}

aside .nav > li > a {
    padding: 4px 15px;
}

#footer ul {
    list-style-image: none;
    padding: 10px 0;
}

#footer li {
    list-style: none;
    font-family: "Arimo",arial,sans-serif;
    font-size: 12px;
}

.price {
    font-family: "Arimo",arial,sans-serif;
}

#footer .panel a::before {
    content: "";
    margin: 0;
}

#footer .panel a {
    color: white;
}

#footer .panel a:active,
#footer .panel a:hover {
    color: #ffa319;
}

#info_help {
    background: #b4c7d2 none repeat scroll 0 0;
    border: 1px solid #4b555a;
    margin: 0 auto;
    width: 720px;
}

#main-wrapper.fluid header,
#main-wrapper.fluid #content-wrapper .container.beveled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#footer .container,
#footer .container-fluid {
    padding-top: 0;
    padding-bottom: 0;
}

#footer > .container-background,
#footer.container-background {
    background: none transparent;
}

table.shippingCosts {
 border-collapse: collapse;
 border: 1px solid black;
}

.shippingCosts td {
padding: 5px;
border: 1px solid black;
color: black;
}