/*
NAVIGATION SECTION
*/

.dropdown-backdrop {
    position: static;
}

.navbar-inverse .navbar-brand{
 color: #428bca;
}

.animbrand a:hover,
div.animbrand a:focus {
  outline: none;
}

.animbrand a::before,
.animbrand a::after {
  display: inline-block;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}

.animbrand a::before {
  margin-right: 3px;
  content: '<';
  color:#428bca;
  font-size: 22px;
  line-height: 16px;
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  transform: translateX(50px);
}

.animbrand a::after {
  margin-left: 3px;
  content: '>';
  color:#428bca;
  font-size: 22px;
  line-height: 16px;
  -webkit-transform: translateX(-50px);
  -moz-transform: translateX(-50px);
  transform: translateX(-50px);
}

.animbrand a:hover::before,
.animbrand a:hover::after,
.animbrand a:focus::before,
.animbrand a:focus::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}

.navbar-inverse {
  background-color: #2E373F; /* fallback color, place your own */

  /* Gradients for modern browsers, replace as you see fit */
  background-image: -moz-linear-gradient(top, #2E373F, #222222);
  background-image: -ms-linear-gradient(top, #2E373F, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2E373F), to(#222222));
  background-image: -webkit-linear-gradient(top, #2E373F, #222222);
  background-image: -o-linear-gradient(top, #2E373F, #222222);
  background-image: linear-gradient(top, #2E373F, #222222);
  background-repeat: repeat-x;

  /* IE8-9 gradient filter */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E373F', endColorstr='#222222', GradientType=0);
}

/*
CAROUSEL SECTION
*/

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 10px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  top: 35px;
  bottom: auto;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  #background-color: #777;
  background-color: #2E373F;
}
.carousel-inner > .item > img {
  display: block;
margin-left: auto;
margin-right: auto;
  #position: absolute;
  #top: 0;
  #left: 0;
  #min-width: 100%;
  height: 500px;

 
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-right: 15px;
  padding-left: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
  font-weight: bold;
}


/* TESTIMONIALS SECTION
------------------------- */
/* iFrom: http://ilikepixels.co.uk/bubbler-css-speech-bubble-generator/ */

.bubblecel {
display: table-cell;
vertical-align: middle;

#font-size: 14px;
#font-weight: bold;
margin-top: -16px; 
height: auto; 
color: #646464;
}

.bubble 
{
display: table;
text-align: center;

position: relative;
width: 200px;
height: 110px;
padding: 15px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #bbbbbb solid 2px;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -15px;
top: 51px;
}

.bubble:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 16px 16px 16px 0;
border-color: transparent #bbbbbb;
display: block;
width: 0;
z-index: 0;
left: -18px;
top: 50px;
}

.bubblecredits {
        color: #428bca;
        float: right;
	font-size: 12px;
        font-weight: bold;
        margin-right: 50px;
        vertical-align: bottom;

}

.round-image {
        /*margin: 0 -3px 45px;*/
        width: 35%;
}

.comments {
	color: #646464;
	font-size:12px;
	margin-top: 25px;
	margin-bottom: 43px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

.featurette-about-divider {
  margin: 20px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    #padding-right: 0;
    #padding-left: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    #margin-top: 20px;
  }
  .navbar-wrapper .container {
    #padding-right: 15px;
    #padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    #padding-right: 0;
    #padding-left:  0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    #border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    #margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    #font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
  }
}

/*
HOME PAGE BLUE-GREY STYLES
*/

.mid {
        #color: #000000;
	color: #646464;
        display: inline-block;
        font-size: 36px;
        font-weight: normal;
        margin-bottom: 43px;
        margin-top: 25px;
}

.midiner {
	color: #428bca;
}

/*
PRODUCT PAGE STYLES
*/

.product-title {
font-size: 16px;
font-weight: bold;
line-height: 20px;
margin-top: 0px;
}

.product-title a {
color: #5A5A5A;
}

.product_btn{
font-weight: bold;
}

.subtotal{
font-weight: bold;
}

.btn-remove {
display: block;
width: 16px;
height: 16px;
font-size: 0;
line-height: 0;
background: url(/shop/skin/frontend/default/tct/images/btn_trash.gif) 0 0 no-repeat;
text-indent: -999em;
overflow: hidden;
}

.product_img_list{
float:left;
margin-right: 6px;
margin-left: 6px;
}

/*
FOOTER SECTION
*/

.bgfooter-line{
        position:relative;
        padding:2px 0 2px 0;
        color:#fff;
        text-align:left;
        text-shadow:0 1px 3px rgba(0,0,0,.4),0 0 30px rgba(0,0,0,.075);
        background:#004967;
        background:-moz-linear-gradient(45deg,#004967 0,#00a5b5 100%);
        background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,#004967),color-stop(100%,#00a5b5));
        background:-webkit-linear-gradient(45deg,#004967 0,#00a5b5 100%);
        background:-o-linear-gradient(45deg,#004967 0,#00a5b5 100%);
        background:-ms-linear-gradient(45deg,#004967 0,#00a5b5 100%);
        background:linear-gradient(45deg,#004967 0,#00a5b5 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004967',endColorstr='#00A5B5',GradientType=1);
        -webkit-box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2);-moz-box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2);box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2)
}

.bgfooter {
        #background: url("../tcttheme/img/images/footerbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-color: #2E373F;
}
.footerheading h1 {
        color: #eb9316;
        font-weight: bold;
        margin: 21px;
        text-align: center;
        font-size:20pt;
}
.footerheading p {
    color: #FFF;
    margin-bottom: 30px;
    text-align:justify;
}

.footerheading hr {
        background: url(../img/images/footer-hr.png) no-repeat;
}

.footerheading p a { text-decoration:none; color:#FFF; }

.copyright-text {
        color: #FFF;
        margin-top: 32px;
	margin-bottom: 29px;
        font-size: 12px;
}

.copyright{
	padding-left: 0px;
}

.form-subscribe div { float:right; margin-right:20px; }

.newsletter-label{
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
}

/*
PAGE CSS
*/
.page-header {
color: #5A5A5A;
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}

.breadcrumb-tct {
background-color: #fff;
padding: 0px;
margin-top:0px;
float: right;
}

.featurette-heading {
color: #5A5A5A;
}

.text-muted {
color: #999;
}

.lead {
color: #5a5a5a;
margin-bottom: 20px;
font-size: 21px;
font-weight: 200;
line-height: 1.4;
}

.lead-small {
color: #5a5a5a;
margin-bottom: 0px;
font-size: 14px;
font-weight: 200;
line-height: 1.4;
}

.featurette-divider {
margin: 60px 0;
}

.featured-image{
	position: relative;
	margin-bottom: 1em;
}

.img-shadow {
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
}

.small-img-title {
	font-style: italic;
	line-height: 1.3;
	color: #aab6aa;
}