@import url(https://fonts.googleapis.com/css?family=PT+Serif);
body {
  padding: 0px;
  font-family: 'PT Serif', serif;
}
.header{
  padding-right: 15px;
  padding-left: 15px;
}
.footer{
		margin-top:10px;
  padding: 20px 0;
  background-color:#f5f5f5;
}
.header {
  padding-bottom: 0px;
}
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

.footer {
  padding: 20px 0;
  margin: 0px 0 8px 0;
  color: #777;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}


/* customised */
.topbar{background-color:#f5f5f5;padding:8px 0;}
.navbar{margin-bottom: 2px;margin-top:10px;}
.navbar-nav{margin-top:2px;}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.nav>li>a{font-size:15px;font-weight:bold;}
.navbar-default .navbar-nav>li>a {
    color: #232323;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #000000;
    background-color: #f5f5f5;
}
.navbar-brand {
    float: left;
    height: 51px;
    padding: 0;
}
#mainSlider h1{background-color:#000;-ms-filter: "alpha(opacity=75)"; /* IE8 */
filter: alpha(opacity=75); /* Old IE */
-khtml-opacity: 0.75; /* Old Safari */
-moz-opacity: 0.75; /* Old Firefox, Netscape */
opacity: 0.75; /* Standard */
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  padding:10px;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
#mainSlider{border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;}

#brands{padding:10px 0;}
#brands .img-responsive {margin: 0 auto;}
#copyright{padding-bottom:15px;}
#footmenu h3{font-size:18px;color:#303030;border-bottom:1px solid #a3a3a3;}
.featbrand{text-transform:uppercase;color:#c7c7c7;font-size:16px;text-align:center;}
.lightbgFade{background:#f5f5f5;
background: -moz-linear-gradient(left,  #ffffff 0%, #f5f5f5 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#f5f5f5 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#f5f5f5 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
padding:4px;}
.homeSingle{text-align:center;border:2px solid #f3f3f3; min-height: 350px;margin-bottom:20px;}
.homeSingle:hover{border:2px solid #ce1800;}
.homeSingle .img-responsive{height:200px;margin:0 auto;}
#subpageHead{height:200px;background:#c0c0c0 url("../img/subHeaderBG.jpg") top center no-repeat;background-size: cover;}
#category{font-size:16px;font-weight:bold;}
#products h3{background-color:#f8f8f8;margin-top: 0px;font-size:20px;padding:10px;-moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;border: 1px solid #ddd;}
#productsDetail .SingleImage{border:1px solid #f1f1f1;}
#productsDetail .SingleDetail{}
#productsDetail .SingleDetail h3{color: #42464d;
    margin: 0 0 10px 0;}
.clearfix{clear:both;padding:20px;}
.custom-collapse button{width:100%;text-transform:uppercase;background-color:#f9f9f9;border:none;padding:10px;}

.call-to-action {
    padding-top: 40px;
    padding-bottom: 25px;
    background-color: #e3f6df;
}
.call-to-action h3 {
    color: #444444;
    font-weight: 300;
    text-transform: capitalize;
    margin: 0px;
    line-height: 50px;
    margin-bottom: 15px;
    font-size: 30px;
}
.call-to-action a {
    display: inline-block;
    padding: 10px 25px;
    text-align: center;
    color: #444444;
    border: 1px solid #c4cfc2;
	background-color:#d3ebce;
}

@media screen and (min-width: 768px) {
 .custom-collapse .collapse{display:block;}  
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  .header,.footer {padding-right: 0;padding-left: 0;}
  .header {margin-bottom: 12px;}
}
/* Responsive: mobile and small tablets */
@media screen and (max-width: 600px) {
	.topbar{text-align:center;}
	.topbar .address{font-size:11px;}
	.topbar .text-right{text-align:center !important;}
	#brands .col-xs-6{min-height:100px;}
	#products h3{background-color:#fff;margin-top: 10px;font-size:20px;padding:10px;-moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius:0px;border: 0px solid #ddd;text-align:center;}
}
/* Responsive: Smaller devices under 768 */
@media (max-width: 768px) {
    #navbar .pull-right {
        float: none !important;
    }
	#mainSlider h1{font-size:18px;font-weight:bold;}
	.spacerTop{margin-top:20px;}
	.header{padding-right: 0px;padding-left: 0px;}
	.clearfix{padding:0;}
	.homeSingle .img-responsive {height: auto;}
	.homeSingle h4{font-size:1em;}
	.homeSingle{border:1px solid #f3f3f3; min-height: 320px;margin-bottom:10px;}
}