html {
/* Help those webfonts like all nice and contrasty on OSX particularly. Windows should smooth by default. */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* FOUT Fix - has class by default, removed by fonts.js on fonts load */
.tankfont-loading .tankfont {
color:transparent !important;
}
/* General Font Use */
.tankfont-interstate { font-family: "Interstate"; }
.tankfont-gotham { font-family: "Gotham Rounded"; }
/* Explicit Font Use */
.tankfont-interstate-light { font-family: "Interstate"; font-weight:200; }
.tankfont-interstate-regular { font-family: "Interstate"; font-weight:400; }
.tankfont-interstate-bold { font-family: "Interstate"; font-weight:700; }
.tankfont-gotham-light { font-family: "Gotham Rounded"; font-weight:200; }
.tankfont-gotham-light-ital { font-family: "Gotham Rounded"; font-weight:200; font-style: italic }
.tankfont-gotham-medium { font-family: "Gotham Rounded"; font-weight:400; }
.tankfont-gotham-bold { font-family: "Gotham Rounded"; font-weight:700; }
.tankfont-gotham-book { font-family: "Gotham Rounded"; font-weight:300; }
.tankfont-gotham-book-ital { font-family: "Gotham Rounded"; font-weight:300; font-style: italic }
body {
background: white;
margin:0;
position:relative;
color:#333;
}
/* Deliberately seperating ".container" and ".body" so that ".body" can be overridden at at module-level. */
.body {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
padding:40px;
min-height:200px;
width:100%;
}
.container, .body {
max-width: 1320px;
/* max-width: 1280px; */
margin:auto;
}
#header {
width:100%;
}
a {
color:inherit;
text-decoration:none;
}
p, h1, h2, h3, h4, h5, h6 {
margin:0;
}
a img {
border:none;
}
/* Bootstrap Bits */
.text-right { text-align:right; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.pull-left { float:left; }
.pull-right { float:right; }
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
/* End Bootstrap Bits */
/* Header */
#header-inner {
width:100%;
display:table;
min-height:160px;
padding: 0 40px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.header-item {
position:relative;
display:table-cell;
vertical-align: middle;
font-size:0;
line-height:0;
}
#header-logo-item { width:30%; }
#header-search-item { width:23%; }
#header-tardis-item { width:22%; vertical-align: bottom; }
#header-copy-item { width:20%; }
#home-link {
display:block;
}
#search-bar {
background-color:#999999;
background-color:rgba(153,153,153,0.3);
border:0;
padding:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#search-bar-table {
width:100%;
vertical-align:middle;
}
#search-bar-table td {
vertical-align: middle;
text-align: center;
height: 44px;
}
#search-input {
background: none;
color: white;
border: none;
width: 100%;
height: 100%;
padding:0 10px;
font-size: 20px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#submit-btn {
margin:5px 10px;
border:0;
background: none;
width:30px;
height:31px;
}
#header-copy {
font-size:14px;
line-height:140%;
color:white;
}
#header-phone {
font-size:32px;
color:#FFCC00;
line-height:140%;
}
#cart-indicator {
display:none;
position:absolute;
top:0; right:0;
padding:5px 15px;
background-color:#19A1CD;
color:white;
font-family:Verdana;
white-space: nowrap;
font-size:13px;
line-height: 100%;
}
#cart-indicator-link {
text-decoration: underline;
}
#cart-indicator-total {
margin-left:5px;
}
/* End Header */
/* Menu */
#menu {
padding-bottom:52px;
}
#tier-one {
background-color: #2D507C;
}
.submenu {
cursor: pointer;
display:none;
position:absolute;
background-color:#DDE0E4;
color:#333333;
left:0; right:0;
top:105%;
width:100%;
}
.submenu.active {
display:block;
cursor: pointer;
}
#menu-inner {
padding-right:40px;
white-space: nowrap;
overflow: hidden;
font-size:0;
}
.menu-item {
cursor:pointer;
vertical-align: bottom;
display: inline-block;
border-right: 1px solid #333;
font-size: 16px;
line-height: 56px;
height:56px;
color: white;
padding:0 16px;
padding-top:4px;
}
.menu-item:hover, .menu-item.active {
background-color: #999999;
background-color: rgba(255,255,255,0.5);
}
.menu-item.active .submenu {
display:block;
}
.menu-item:first-child {
border-left:1px solid #333;
}
.submenu-item {
cursor: pointer;
display:block;
padding:12px 20px;
position:relative;
min-width:100px;
text-align:center;
line-height:100%;
color:#666;
}
.submenu-item:hover, .submenu-item.active {
color:black;
}
.dropdown {
display:none;
position:absolute;
top:100%;
left:0; right:0;
width:100%;
z-index:99;
background-color: #F4F6F9;
cursor: pointer;
}
.dropdown-item {
display:block;
padding:15px 20px;
text-align:center;
cursor: pointer;
}
.dropdown-item:hover {
background-color:#DDE0E4;
cursor: pointer;
}
#menu-house {
margin-top:14px;
}
/* End Menu */
/* Footer */
#footer {
position:absolute;
top:100%; left:0;
width:100%;
}
#footer-inner {
background-color:black;
margin-top:50px;
}
#footer-top {
margin-top:50px;
background-color:#2D507C;
color:white;
}
#footer-top-padder {
padding:0 3.1%;
}
#footer-middle {
margin-top:3px;
background-color:#1A2E48;
}
.footer-btn {
margin:15px 12px;
}
#footer-bottom {
margin-top:15px;
padding-bottom:120px;
}
#footer-tardis {
margin-top:-52px;
margin-bottom:-26px;
}
.footer-item {
/*display: table-cell;*/
vertical-align: top;
/*width: 16%;*/
margin-left:7.1%;
}
.footer-item-header {
margin-top:20px;
font-size:16px;
}
.footer-item-links {
font-size:16px;
margin-top:20px;
list-style-type: none;
padding-left:0;
line-height:120%;
}
.footer-item:first-child {
/*width: 20%;*/
margin-left:0;
}
.footer-btn {
display:block;
display:inline-block;
}
#tank-link {
display:block;
}
.alert {
font-size:18px;
font-weight:normal;
margin-bottom:5%;
}
.alert-success {
color:#00CC66;
}
.alert-error {
color:#ED4E24;
}