@charset "utf-8";
/* CSS Document */






#featured{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 720px;
}
#featureproducts{
	width: 160px;	
	float: left;
}
#productpic{
	width: 160px;
	height: 120px;
}
#productprice{
	width: 65px;
	height: 25px;
	background-color: #deb6b4;
	position:relative;
	top: -120px;
	left: 95px;
}
#producttitle{
	width: 160px;
	background-image: url("images/product_title_bg.jpg");
	position:relative;
	top: -25px;
}


.featuredmain{
	height: 250px;
	width: 300px;
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.col-md-4 .featuremain{
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.featuredprice{
	text-align: center;
	position: relative;
	top: -60px;
}

.featuredtitle{
	text-align: center;
}

.blue{
	color: blue;
}

.red{
	color: red;
}



        /* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 15px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}








/*CONFIRMED*/

/*Navigation*/
.navbar-brand-centered {
	position: absolute;
	left: 49.2%;
	top: -10px;
	display: block;
	text-align: center;
}
.navbar>.containerbar .navbar-brand-centered, 
.navbar>.container-fluid .navbar-brand-centered {
	margin-left: -80px;
}

/*Separator*/
#title{
    text-align:center;
    position:relative;
	top:100px;
    z-index:2;
}
#title:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    right:0;
    border-top:solid 1px black;
    z-index:-1;
}
.line-center{
    margin:0;padding:0 10px;
    background:#fff;
    display:inline-block;
}
#title1{
    text-align:center;
    position:relative;
    z-index:2;
}
#title1:after{
    content:"";
    position:absolute;
    top:57%;
    left:0;
    right:0;
    border-top:solid 1px black;
    z-index:-1;
}
.line-center1{
    margin:0;padding:0 10px;
    background:#f5f5f5;
    display:inline-block;
}
#mainmenu{
    text-align:center;
    position:relative;
    top:15px;
}
#welcome{
    text-align:center;
    position:relative;
	top:-15px;
}

/*Global*/
.containerbar{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.wrapper200{
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	max-width: 200px;
	position: relative;
}
.wrapper300{
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	max-width: 300px;
	position: relative;
}
.wrapper280{
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	max-width: 280px;
	position: relative;
}
.updateprofile * {
	vertical-align: top;
}
.wrapper800{
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	max-width: 800px;
	position: relative;
}
.wrapper900{
	margin-right: auto;
	margin-left: auto;
	max-width: 900;
	position: relative;
}
.wrapper1000{
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
	position: relative;
}
.faq900{
	margin-right: auto;
	margin-left: auto;
	max-width: 900px;
	position: relative;
}
.fb{
	text-align:center;
}
.copyright{
	text-align: center;
}

/*Main Page Headers*/
.header{
	background-color: #E6E7E8;
	width: 100%;
	height: 30px;	
}
.headerth{
	position: relative;
	top: 6px;
	left: 8px;	
}
#aboutinfo{
	position: relative;
	max-width: 95%;
	height: 120px;
	top: 8px;
	left: 8px;
}
#newsinfo{
	/*overflow:auto;*/
	position: relative;
	max-width: 95%;
	height: 120px;
	top: 8px;
	left: 8px;
}
.ad1{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.ad2{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


/*Upload Logo*/
.waitmsgnotvisible{
	display:none;
}
.waitmsgvisible{
	display:block;
	color: Red; 
	font-size: 20px;
}
#img_prev1{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#File1{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}