#slides {
      display: none
    }

    .slidesjs-pagination {

	  display: block;
      margin: 0px 0 0;
      float: right;
      list-style: none;
	  position:absolute;
	  bottom:-15px;
	  /*top:10px;*/
	  right:8px;
	  padding-left:1px;
	  z-index:9999;
	  text-align: right; font-size: 0;
	  fontsize:0;


    }
	.slidesjs-pagination li {
	height: 10px;
	padding-top: 0px;
	padding-left: 6px;

	float: left;
	margin: 0px;
	display: inline-block;
	zoom: 1;
	  *display: inline;
	list-style-type: disc;
	background-image: none;
	background-position: 0 0;

    }

    .slidesjs-pagination li a {width: 10px; height: 10px; display: block; background: #AAA; background: rgba(0,0,0,0.3); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; /*box-shadow: inset 0 0 3px rgba(0,0,0,0.2);*/}

    .slidesjs-pagination li a:hover { background: #888; background: rgba(0,0,0,0.4); }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active { background: #666; background: rgba(0,0,0,0.5); cursor: default; }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
	  color: #9e2020

    }

    .navbar {
      overflow: hidden    }

/* End SlidesJS Optional */
/* SlidesJS Required: These styles are required if you'd like a responsive slideshow */
 .procuct-imgarea {
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: 0px;
	padding-top: 0px;
    }
 .container {
	margin: 0 auto;

    }

 /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto;
      }
	  .e-slider {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto;
      }
	  .e-slider {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 730px;
      }
	  .e-slider {
        width: 730px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 730px
      }
 	  .e-slider {
        width: 730px
      }
    }