/*	Tank CSS
//	Developed exclusively for Tank Cargo by Benjamin Read
//	For use with Foundation 5
//	(C) Benjamin Read 2013
//	http://manifold-design.co.uk
//	
//	url: http://tank-cargo.co.uk
*/
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Bitter', Georgia, serif;
	font-weight: bold;
}
h1,
h2,
h3 {
	color: #59004E;
}
h1 {
	letter-spacing: -0.05em;
}
h4 {
	font-weight: normal;
	font-style: italic;
	color: #485560;
}
address {
	font-style: normal;
}

/* Responsive tables */

table th { 
	font-weight: bold; 
}
table td, table th { 
	padding: 9px 10px; text-align: left; 
}
.container {
	padding: 0 0 20px 0;
}

/* Navigation styling */

.nav {
	padding-top: 20px;
}
.nav li a {
	font-family: 'Bitter', Georgia, serif;
}

.nav li:nth-child(2) .button {
	background-color: #99140f;
}
.nav li:nth-child(3) .button {
	background-color: #52731d;
}
.nav li:nth-child(4) .button {
	background-color: #ffd615;
	color: #000;
}
.button {
	background-color: #59004E;
}
.button:hover {
	background-color: #664466;
}
.panel-testimonial img {
	margin-top: 60px;
}
.panel.callout {
	border-color: #59004E;
	background: #59004E;
}
.panel.callout p, .panel.callout h3, .panel.callout h4 {
	color: #ffffff!important;
}

/* individual page customisation */

blockquote.text-right {
	border-left: 0;
	border-right: 1px solid #ddd;
}
.contacts dd {
	padding-left: 20px;
}
.indent {
	padding-left: 33px;
}

/* Lookup widget (from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css) */

#jquery-order-form {
	float: none!important;
}
.line-item, .config, .summary {
	display: none;
}
.ui-slider {
	margin-bottom: 20px;
}
.total {
	float: right;
}
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee;}
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 ; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.terms {
	text-align: right;
	clear: both;
}
.o-slider .price-tag-wrapper {
	display: none!important;
}

/* Foundation Orbit carousel customisation */


.orbit-caption {
	background-color: rgba(255, 255, 255, 0.25)!important;
}
.orbit-home p {
	color: #fff;
	text-shadow: 2px 1px 1px #000;
}
.orbit-home li h2, .orbit-home li h3 {
	color: #fff;
	text-shadow: 2px 2px 1px #000;
}

.orbit-home li:nth-child(4) .orbit-caption {
	background-color: transparent!important;
}
.panel-testimonial {
	margin: 0 20px;
}

/* Responsive Google Map (via http://www.labnol.org/internet/embed-responsive-google-maps/28333/) */

.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* Footer styles */
footer {
	padding-top: 40px!important;
	background-color: #59004E;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p {
	color: #fff;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #664466;
}
.footer-nav {
	display: block;
	padding: 0;
	margin-left: 0;
	list-style-type: none;
}
.footer-nav li a {
	margin-bottom: 4px;
}
/* Media Queries */

@media only screen and (max-width: 40.063em) {
	.button {
		padding-left: 1.1rem;
		padding-right: 1.1rem;
	}
}

@media only screen and (min-width: 40.063em) {
	aside {
		margin-top: 60px;
	}
	.header {
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.orbit-home p {
		font-size: 22px;
	}
	.orbit-home li:nth-child(2) {
		height: 120px;
	}
	.orbit-home li:nth-child(3) h2, .orbit-home li:nth-child(3) p {
		text-align: right;
	}
	.orbit-home li:nth-child(4) h2, .orbit-home li:nth-child(4) p {
		padding-left: 460px;
	}
	.orbit-home li:nth-child(4) h2, .orbit-home li:nth-child(4) p {
		padding-left: 460px;
	}
	.orbit-home li:nth-child(4) {
		height: 280px;
	}
}
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
}