@charset "UTF-8";
/*
 * Moore Technical Services, LLC Bootstrap Image Gallery Demo CSS 3.0.0
 * https://github.com/blueimp/Bootstrap-Image-Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
/*
body {
    padding-top: 60px;
    background: #222;
    color: #fff;
}
h1 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
a {
    color: orange;
}
a:hover {
    color: lightblue;
    text-decoration: none;
}
.modal {
    overflow: auto;
    color: #333;
}
*/

/* my original                     */
img
{
    width:100%

}
/* Following is to fix some problems angular.js has with href="#"
  */
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

/*  Force scroll bars onto every page to stop horizontal jumping
    Works great and is quite commonly used. But only needed because
    one page, i.e. a big image, forces need for scrollbars on one page only
    but in the responsive mobile first world, we likely need it.
    Works on Chrome - NOT on Firefox I see...
 */
html {
    min-height:100%;
    margin-bottom:1px
}

img{
    object-fit: contain;
}


#second_pic {
    padding-top:22px;
}


#navlist li
{
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}
#offer {
    color: #3399FF;
}
.prodname p {
    color: #000000;
}
.prodname li {
    color: #FF0000;
}