.TitanBackground{
	background:url('../images/concrete.jpg');
	
}
.TitanColour{
	color:#D7AB26!important;
}
.well {
  min-height: 20px;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
#appleNav { margin:40px 0; list-style:none;

    /* Lucinda Grande is the font used on the website from Apple. */
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:13px;
    
    /* Apply a subtle text-shadow to the text */
    text-shadow: 0 -1px 3px #202020;

    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */

}

#appleNav li { display:block; float:left; border-right:1px solid #636363; border-left:1px solid #636363; width:105px; height:34px; border-bottom:1px solid #636363; border-top:1px solid #636363;

    /* Gradient backgrounds for the buttons. Generated using http://gradients.glrzad.com/ */
    background: linear-gradient(to bottom,  rgba(233,233,233,1), rgba(161,161,161,0.9) 63%,rgba(143,143,143,1) 100%); /* W3C */
}

/* Set the states when hovering, except for the last item in the list (the search bar), since it doesn't need to change */
#appleNav li:not(:last-child):hover {
background: rgb(222,187,43); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(222,187,43,1) 22%, rgba(222,187,43,1) 33%, rgba(222,187,43,1) 43%, rgba(222,187,43,1) 49%, rgba(215,171,38,1) 63%, rgba(215,171,38,1) 63%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,rgba(222,187,43,1)), color-stop(33%,rgba(222,187,43,1)), color-stop(43%,rgba(222,187,43,1)), color-stop(49%,rgba(222,187,43,1)), color-stop(63%,rgba(215,171,38,1)), color-stop(63%,rgba(215,171,38,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(222,187,43,1) 22%,rgba(222,187,43,1) 33%,rgba(222,187,43,1) 43%,rgba(222,187,43,1) 49%,rgba(215,171,38,1) 63%,rgba(215,171,38,1) 63%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(222,187,43,1) 22%,rgba(222,187,43,1) 33%,rgba(222,187,43,1) 43%,rgba(222,187,43,1) 49%,rgba(215,171,38,1) 63%,rgba(215,171,38,1) 63%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(222,187,43,1) 22%,rgba(222,187,43,1) 33%,rgba(222,187,43,1) 43%,rgba(222,187,43,1) 49%,rgba(215,171,38,1) 63%,rgba(215,171,38,1) 63%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(222,187,43,1) 22%,rgba(222,187,43,1) 33%,rgba(222,187,43,1) 43%,rgba(222,187,43,1) 49%,rgba(215,171,38,1) 63%,rgba(215,171,38,1) 63%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#debb2b', endColorstr='#d7ab26',GradientType=0 ); /* IE6-9 */

}

/* When the user clicks the button, we simply change the box inset (compared to the "hover") */
#appleNav li:not(:last-child):active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */
    
    -moz-box-shadow: inset 0 1px 2px 2px #000;
    -webkit-box-shadow: inset 0 1px 2px 2px #000;
    box-shadow: inset 0 1px 2px 2px #000;
}

#appleNav li a { color:white; text-decoration:none; text-align:center; display:block; line-height:10px; outline:none; }

/* Styling of the search field */
#appleNav form input { width:76px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;

    /* We use the CSS3 multiple backgrounds for the input field: The magnifier image and the gradient background */    
    background-image: url("../images/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #747474), color-stop(0.5, #6E6E6E), color-stop(0.51, #7E7E7E), color-stop(1, #8D8D8D));
    background-image: url("../images/magnifier.png"), -moz-linear-gradient(center bottom, #747474 0%, #6E6E6E 50%, #7E7E7E 51%, #8D8D8D 100%);
    background-repeat: no-repeat;
    
    background-color:#6E6E6E; /* Fallback */
    
    -moz-box-shadow: inset 0 2px 1px 1px #363636;
    -webkit-box-shadow: inset 0 2px 1px 1px #363636;
    box-shadow: inset 0 2px 1px 1px #363636;
}

/* Rounded corner for the first in last item. Shorthand: Top left, Top right, Bottom right, Bottom left.
We also remove the borders, since they don't need them. */
#appleNav li:first-child {
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
    
    border-left:none;
}

/* The first child image - the logo - has to be centered. Because of the image dimensions, we manually need to shift it a bit. */
#appleNav li:first-child a img {
   vertical-align:middle; margin-top:-2px;
}

#appleNav li:last-child {
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
    
    border-right:none;
    
    /* The width of the last menu item (search bar) is bigger than the others */

}
.navbar-nav {
  margin: 7.5px -10px;
}
.navbar-nav > li > a {
  padding-top: 15px;
  padding-bottom: 10px;
  line-height: 20px;
}

#appleNav {
     -webkit-animation: showMenu 1s; position:relative;
}

#appleNav li:last-child:hover {
background: rgb(222,187,43); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(222,187,43,1) 22%, rgba(222,187,43,1) 33%, rgba(222,187,43,1) 43%, rgba(222,187,43,1) 49%, rgba(215,171,38,1) 63%, rgba(215,171,38,1) 63%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,rgba(222,187,43,1)), color-stop(33%,rgba(222,187,43,1)), color-stop(43%,rgba(222,187,43,1)), color-stop(49%,rgba(222,187,43,1)), color-stop(63%,rgba(215,171,38,1)), color-stop(63%,rgba(215,171,38,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(222,187,43,1) 22%,rgba(222,187,43,1) 33%,rgba(222,187,43,1) 43%,rgba(222,187,43,1) 49%,rgba(215,171,38,1) 63%,rgba(215,171,38,1) 63%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(222,187,43,1) 22%,rgba(222,187,43,1) 33%,rgba(222,187,43,1) 43%,rgba(222,187,43,1) 49%,rgba(215,171,38,1) 63%,rgba(215,171,38,1) 63%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(222,187,43,1) 22%,rgba(222,187,43,1) 33%,rgba(222,187,43,1) 43%,rgba(222,187,43,1) 49%,rgba(215,171,38,1) 63%,rgba(215,171,38,1) 63%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(222,187,43,1) 22%,rgba(222,187,43,1) 33%,rgba(222,187,43,1) 43%,rgba(222,187,43,1) 49%,rgba(215,171,38,1) 63%,rgba(215,171,38,1) 63%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#debb2b', endColorstr='#d7ab26',GradientType=0 ); /* IE6-9 */

}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #E5E5E5;
  border: 1px solid #ddd;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: background: #7db9e8;
  background: -moz-linear-gradient(top,  #7db9e8 0%, #f2f2f4 0%, #cecece 56%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(0%,#f2f2f4), color-stop(56%,#cecece));
  background: -webkit-linear-gradient(top,  #7db9e8 0%,#f2f2f4 0%,#cecece 56%);
  background: -o-linear-gradient(top,  #7db9e8 0%,#f2f2f4 0%,#cecece 56%);
  background: -ms-linear-gradient(top,  #7db9e8 0%,#f2f2f4 0%,#cecece 56%);
  background: linear-gradient(to bottom,  #7db9e8 0%,#f2f2f4 0%,#cecece 56%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#cecece',GradientType=0 );
  border: 1px solid #9C9C9C;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: background: #f2f2f4; /* Old browsers */
  background: -moz-linear-gradient(top,  #f2f2f4 1%, #f2f2f4 6%, #f2f2f4 9%, #f2f2f4 12%, #f2f2f4 16%, #f2f2f4 19%, #f2f2f4 26%, #cecece 57%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2f2f4), color-stop(6%,#f2f2f4), color-stop(9%,#f2f2f4), color-stop(12%,#f2f2f4), color-stop(16%,#f2f2f4), color-stop(19%,#f2f2f4), color-stop(26%,#f2f2f4), color-stop(57%,#cecece)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f2f2f4 1%,#f2f2f4 6%,#f2f2f4 9%,#f2f2f4 12%,#f2f2f4 16%,#f2f2f4 19%,#f2f2f4 26%,#cecece 57%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f2f2f4 1%,#f2f2f4 6%,#f2f2f4 9%,#f2f2f4 12%,#f2f2f4 16%,#f2f2f4 19%,#f2f2f4 26%,#cecece 57%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f2f2f4 1%,#f2f2f4 6%,#f2f2f4 9%,#f2f2f4 12%,#f2f2f4 16%,#f2f2f4 19%,#f2f2f4 26%,#cecece 57%); /* IE10+ */
  background: linear-gradient(to bottom,  #f2f2f4 1%,#f2f2f4 6%,#f2f2f4 9%,#f2f2f4 12%,#f2f2f4 16%,#f2f2f4 19%,#f2f2f4 26%,#cecece 57%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f4', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */	
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active{
  z-index: 2;
  color: red;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.nextBtn{
	float:right;
	position:relative;
	margin-top:200px;
	margin-right:00px;
	z-index:100;
	height:44px;
	width:44px;
	cursor:pointer;
	background:url(images/tabright.png);
}
.prevBtn{
	float:left;
	position:relative;
	margin-top:200px;
	margin-left:00px;
	z-index:100;
	height:44px;
	width:44px;
	cursor:pointer;
	background:url(images/tableft.png) ;
}
.tabs {
    width:100%;
	
    display:inline-block;
}
 
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
		
    }
 
    .tab-links li {
		
        margin:0px 2px;
        float:left;
        list-style:none;
    }
 
        .tab-links a {
			height:25px;
            padding:7px 7px ;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#7FB5DA;
            font-size:12px;
            font-weight:400;
            color:#4c4c4c;
            transition:all linear 0.15s;
			text-decoration:none;
			background:url(../images/tabBg.png) repeat-x;
			
        }
 
        .tab-links a:hover {
            background:#a7cce5;
            text-decoration:none;
			background:url(../images/tabBgHover.png) repeat-x;
			
        }
 
    li.active a, li.active a:hover {
        background:#fff;
        color:white;
		text-decoration:none;
		background:url(../images/tabBgActive.png) repeat-x;
    }
    .tab-content {
        padding-left:15px;
		padding-top:-12px!important;
		padding-right:15px;
        
        
        background:none;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
			height:490px;
        }
}