@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300,400italic|Roboto:400,500,700,300);

body{ 
  
  border-top: 10px solid #0a1e72;
  font-family: 'Roboto';
  background-color: #f8f8f8;
  color: #383838;
  font-size: 1.6rem;
  font-weight: 400;
}
hr{ border-color: #0f2270; }
address{ line-height: 2.7rem; }
a:focus, a:hover{

/*	text-decoration: underline;
	color: #2A48C5;*/
}

/* Use for dark background sites */
/* Elements that need dark text */
.jumbotron,
.page-cart #main,
.table-striped>tbody>tr:nth-of-type(odd),
.panel-body,
#SideCartContents,
#search_results,
.well,
.panel-body .btn-link{ /*color: #0f0f05;*/ }


/* --- Tables --- */

.table thead td{ white-space: nowrap; }
.table tfoot tr{ 
	
	font-weight: 400;
    font-size: 1.6rem;
	color: #383838;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #DADADA 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#DADADA));
	background: -webkit-linear-gradient(top, #ffffff 0%,#DADADA 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#DADADA 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#DADADA 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#DADADA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DADADA',GradientType=0 );
}
.table tfoot tr td{

	padding: 10px 5px;
    font-weight: 900;
    text-shadow: 0 1px 1px rgb(255, 255, 255);
}

/* --- Modals --- */


/* --- Navs --- */

.navbar-header,
.navbar-brand{ float: none; }
.navbar-header{

	padding-top: 20px;
	padding-bottom: 24px;
}

/* --- Tabs --- */

.tab-content{
    
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-width: 0;
}

/* Add same styles to labels inside tabs as links have */
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > label{

	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
.nav-tabs>li>a, 
.nav-tabs>li>label{
	
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}
.nav>li>a, 
.nav-tabs>li>label{
	
	position: relative;
	display: inline-block;
}
.nav>li>a.btn{
	
    padding: 7px 15px;
    line-height: 1.42857143;
}
.nav-tabs>li>label{ 

	margin-bottom: 0;
    padding: 10px;
}
.nav-tabs>li>label input[type=checkbox],
.nav-tabs>li>label input[type=radio]{ margin-right: 4px; }

/* --- Carousel --- */

.carousel-inner>.item .slide-background{
	
	opacity: 0;
	transition: opacity 1700ms linear;
	background-repeat: no-repeat;
}

.carousel-caption{
	
	transition: 200ms all linear;
	opacity: 0;
	right: 0;
    left: 0;
    bottom: 0;
    padding: 1rem;
    font-size: 1.4rem;
    line-height: normal;
    background-color: rgba(0,0,0,0.5);
    z-index: 999999;
}

#product-slideshow-container:hover .carousel-caption{ opacity: 1; }


/* --- Headings --- */

.heading-ribbon{
	

	border-bottom: 3px solid #b8b8b8;
	height: 20px;
}
.heading-ribbon span{ 

	background: #f6f6f6; 
	padding: 0 4px;
	height: 40px;
}
.page-header{ border-bottom: 2px solid #b8b8b8; }
h1.page-header{ font-weight: 900; }
.h1, .h2{
	
	font-weight: 200;
	line-height: 1.12em;
}
.h1 strong,
.h2 strong{

	display: block;
	font-weight: 900;
	letter-spacing: -0.05em;
}
.h1{
	
	font-size: 4.8rem;
	color: #010101;
}
.h1 strong{ font-size: 6rem; }
.h2{ font-size: 3rem; }
.h2 strong{ 

	font-size: 4.8rem;
	color: #010101;
}


/* --- Breadcrumbs --- */

#breadcrumbs,
.pagination>li>a, 
.pagination>li>span{

	border-radius: 0;
	border-width: 0;
	color: #6C6C6C;
	line-height: 32px;
	padding: 0 10px;
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: uppercase;
} 
.breadcrumb{ margin-bottom: 0; }
#breadcrumbs{ background-color: #EFEDED; }
.pagination>li>a, 
.pagination>li>span{ background: #fff; }
.breadcrumb a{ color: inherit; font-weight: 400; }
.pagination{  margin: 0; }
.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover{ color: #000; }

.pagination>.disabled>a, 
.pagination>.disabled>a:focus, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>span, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover{ border-color: #008DB7; }
.pagination>li.active>a{ color: #B5B7FF; }
.pagination>li.active>a:hover{ color: #fff; }
.tab-content .pagination{ border: 1px solid #EAEBFD; }

/* --- Dropdown Menus --- */

.pull-right .dropdown-menu,
.text-right .dropdown-menu{

	left: auto;
	right: 0;
}

.dropdown-menu{

	display: block;
	max-height: 0;
	overflow: hidden;
	padding: 0;
	min-width: 240px; 
	border-width: 0;
	margin-top: 0;
}

.open>.dropdown-menu{

	max-height: 999999px;
	padding: 5px;
}


/* --- Buttons --- */

.btn{ 

	font-family: 'Roboto Condensed';
	padding: 8px 30px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
}
.btn-link{ box-shadow: none; }
.btn-xs{ padding: 1px 5px; }

.btn-default{ color: #0a1e72; }
.btn-default.active, 
.btn-default.focus, 
.btn-default:active, 
.btn-default:focus, 
.btn-default:hover{ color: #21236F; }
.open>.dropdown-toggle.btn-default{ color: #fff; }
.btn-primary{
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e317f+0,051866+100 */
	background: #1e317f; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e317f 0%, #051866 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e317f), color-stop(100%,#051866)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e317f 0%,#051866 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e317f 0%,#051866 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e317f 0%,#051866 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e317f 0%,#051866 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e317f', endColorstr='#051866',GradientType=0 ); /* IE6-9 */

	border-color: #1e317f;
	transition: border 250ms linear;
	text-shadow: none;
}
.btn-primary.active, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary:focus, 
.btn-primary:hover, 
.open>.dropdown-toggle.btn-primary{ 
	
	background: #1e317f;
}
.btn-danger{ 

	background: #ee3238; /* Old browsers */
	background: -moz-linear-gradient(top,  #ee3238 0%, #d5191f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee3238), color-stop(100%,#d5191f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ee3238 0%,#d5191f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ee3238 0%,#d5191f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ee3238 0%,#d5191f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ee3238 0%,#d5191f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3238', endColorstr='#d5191f',GradientType=0 ); /* IE6-9 */ 
	border-color: #ee3238;
	color: #fff;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.form-control:focus + .input-group-btn .btn-danger,
.form-control:hover + .input-group-btn .btn-danger{
	
	background-color: #fff; 
	-webkit-box-shadow: inset 0 0 23px rgba(193, 10, 13, 0.1);
	box-shadow: inset 0 0 23px rgba(193, 10, 13, 0.1);
	border-color: #6e9e14;
	color: #6e9e14;
}

.btn-success{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7cac22+0,639309+100 */
	background: #7cac22; /* Old browsers */
	background: -moz-linear-gradient(top,  #7cac22 0%, #639309 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cac22), color-stop(100%,#639309)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7cac22 0%,#639309 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7cac22 0%,#639309 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7cac22 0%,#639309 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7cac22 0%,#639309 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cac22', endColorstr='#639309',GradientType=0 ); /* IE6-9 */
	color: #fff;
	border-color: #7cac22;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.alert-success{
	
	background: #6e9e14 !important; /* because we're using a button in a navbar */
	color: #f8f8f8;
}

.shipping-estimator .btn-link{ color: #6e9e14; }
.btn-link:hover,
.btn-link:focus,
.btn-link:active{ color: #6e9e14; text-decoration: none; }
.form-control:focus + .input-group-btn .btn-danger,
.form-control:hover + .input-group-btn .btn-danger{
	
	border-left-color: transparent;
}

.input-group .form-control:focus,
.input-group .form-control:hover{

	border-right-color: transparent !important;
}

/* --- Text --- */

.text-info{ color: #203DBC; }
.text-danger{ /*color: #6e9e14;*/ }
.text-success{ color: #6e9e14; }
.text-danger a:focus, 
.text-danger a:hover,
a.text-danger:focus, 
a.text-danger:hover{ color: #383838; }


/* --- Alerts --- */

.alert .btn{ margin-top: 1.5rem; }
.alert-danger{ 

	background-color: #6e9e14; 
	border-color: #6e9e14;
	color: #fff;
}
.alert-info,
.btn-info,
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover,
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover{

	background: #21236F;
	color: #fff !important;
	border-color: #3A3B61;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.alert-info a,
.alert-success a{ color: #fff; }


/* --- Forms --- */

.checkbox label, .radio label{ line-height: 1.6em; }
.form-horizontal .control-label{ display: block; }
.form-inline .control-label{ display: inline; }
.form-group-lg .form-control label{ 

	font-size: 1.6rem; 
/*	margin-bottom: 0; 
	line-height: 45px; */
}
.form-control{ 

	border: 2px solid #0f2270;
	line-height: 34px;
}
.input-sm{ line-height: 30px !important; }
.input-group-lg>.form-control{ line-height: 46px; }
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{ margin-left: -2px; }


/* --- List Groups --- */

.list-group-item > a{

    font-size: 1.6rem;
    font-weight: bold;
    line-height: 3.5rem;
    text-decoration: none;
    color: #21236F;
}
.list-group-item.active, 
.list-group-item.active:focus, 
.list-group-item.active:hover{ 

	background-color: transparent;
	color: inherit;
	border-color: transparent;
}
.list-group,
.list-group > .list-group-item{
  
	border-color: transparent;
	background-color: transparent;
	padding: 0;
	line-height: 2.7rem;
}


/* --- Wells --- */

.well{  

	background: #fff;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-color: #eeeeee;
}
.well a.badge{ 

	font-size: 1.2rem;
	font-weight: 200;
}
.well > a > i{ margin-left: 7px; }
.well-inverse{ background: #2D2F77; }
.well-inverse > .h1, 
.well-inverse > a{ color: #fff; }


/* --- Panels --- */

.panel{ box-shadow: none; }
.panel-default{ 

	border-color: transparent; 
	border-bottom-color: #0f2270; 
	background-color: transparent; 
}
.panel-default>.panel-heading{ 

	background-color: transparent;
	border-color: #0f2270;
	font-size: 1.8rem;
	color: #112472;
}
.panel-default>.panel-body{ background-color: transparent; }

.panel-success>.panel-heading {

    color: #fff;
    background-color: #43A952;
}
.panel>.panel-heading>.panel-title{
	
	font-family: 'Roboto Condensed';
	text-transform: uppercase;
}
.panel>.panel-heading>h3.panel-title{

	line-height: 3rem;
	font-size: 2.2rem;
	font-weight: 700;
}
.panel-info{ border-color: #eeeeee; }
.panel-info>.panel-heading{ 
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e317f+0,051866+100 */
	background: #1e317f; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e317f 0%, #051866 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e317f), color-stop(100%,#051866)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e317f 0%,#051866 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e317f 0%,#051866 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e317f 0%,#051866 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e317f 0%,#051866 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e317f', endColorstr='#051866',GradientType=0 ); /* IE6-9 */
	color: #fff;
}
.panel-info>.panel-body{ 

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */
}




.panel-default .panel-title a:focus,
.panel-default .panel-title a:active,
.panel-default .panel-title a:hover{

	color: #fff;
	text-decoration: underline;
}
.panel-info .panel-title i{ color: #C2D899; }
.panel-info>.panel-heading .badge{ 

    background-color: #3251D0;
    color: #fff;
    font-weight: 400; 
}
.panel-title a[aria-expanded='true'] .glyphicon-plus:before{ content: "\2212"; }
.panel-info .btn-link{ color: #383838; }


/* --- Jumbotron --- */

.jumbotron{ 

	margin-top: 3rem; 
	color: #383838;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255,0.75) 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.jumbotron .h1, .jumbotron h1{ 

	font-weight: 900;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.75);
}
.jumbotron ul{ font-family: 'Courier New'; }
.jumbotron p{

	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 500;
}


/* --- Media Queries --- */

@media (min-width: 1170px){

	.container { width: 1140px; }
	.navbar-nav>li{ float: none; }
	.nav>li { display: inline-block; }
}

@media (max-width: 1199px) and (min-width: 768px){

	.navbar-left{

		float: none !important;
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	.navbar-nav>li{

		float: none;
		display: inline-block;
	}
	.navbar-right{ margin-top: 22px; }
}

@media (min-width: 992px){
	

}

@media (max-width: 991px){
	
	.well,
	.ProductList li,
	.well-inverse{ 

		/*max-width: 42rem; */
		margin-left: auto; 
		margin-right: auto;
		margin-bottom: 2rem; 
	}
	.nav>li>a{ padding: 10px; }
	.h1{ font-size: 3.2rem; }
	.h1 strong{ font-size: 4rem; }
}

@media (min-width: 768px){
	
	.navbar-brand{ height: auto; }
	.navbar-brand>img{ display: inline-block; }
	.navbar-default .navbar-nav>li>a,
	.navbar-default .navbar-nav>li>div>a{ font-size: 1.4rem; }
	.well ul,
	.well .h1{ margin-top: 0; }
	.page-category div.page-header{ margin-top: 0; }
	.navbar-nav{ margin: 0 -10px; }
}

@media (max-width: 767px){
	
	.nav>li,
	.nav>li>a{ text-align: center; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{ color: #fff; }
	.navbar-brand{ float: none; }
	.navbar-brand>img{ margin: 0 auto; }
	.pagination{ vertical-align: text-top; }
	.pagination.pull-right{ float: none !important; }
	.form-inline .form-control {

	    display: inline-block;
	    width: auto;
	    vertical-align: middle;
	}
}