/* Copyright (C) www.tiger-tail.net.com, All Rights Reserved. */

/* Layout */
/* =================================================================================================================== */
.header-background {background: url(../images/header-background2016.png) repeat-x;}
/*.header-background {background: url(../images/header-background2015.png) repeat-x;} */
/*.header-background {background: url(../images/header-background2015s.png) repeat-x;} */

.check {height: 15px; background: url(../images/check10px-low-contrast5.gif); border-top: solid 0px #FFF;}

.footer-background {
	background-image: url(../images/footer-background.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.header, .content, .footer {width: 804px; margin-left: auto; margin-right:auto; background-color:#fff;}
/* Content has 30px left and right padding so to make total width 804px, width before padding = 804-30-30=744px */
.content {padding:0 30px; width: 744px;}
.footer {padding-top: 0px;}

/* Mobile-friendly layout */
.header, .content, .footer {max-width: 100%;}
.content {max-width: 80%;}

/* Preload images */
/* =================================================================================================================== */
div#preload { display: none; }

/* Global */
/* =================================================================================================================== */
body {font-family: Arial, Helvetica, sans-serif; background: #F4F4F4; background: #e8e8e8; background:#E3E8EA;}
/* 2014 was p {font-size: 100%; line-height: 1.4em; padding:0 0 1em 0;} */
p {font-size: 120%; line-height: 1.4em; padding:0 0 1em 0;}

.smaller {font-size: 80%;}
.smaller90 {font-size: 90%;}
.smaller60 {font-size: 60%;}
.smaller50 {font-size: 50%;}

.bigger {font-size: 120%;}
.strikeout {text-decoration: line-through;}

p.address {text-align: center; color: white; font-size: 110%; line-height: 1.6em; padding:8px 0 8px 0;}
div.address {background:#1D6CB3;}

img {border-style: none;}
img.float-right {float: right; padding: 0 0 5px 24px;}
img.float-left {float: left; padding: 0 24px 5px 0px;}
img.float-left-mid {float: left; padding: 5px 17px 5px 0px;}
img.float-left-icon {float: left; padding: 2px 10px 0 0;}

img.newproduct {margin-bottom:25px; margin-right: 12px;}
img.rightmost {margin-right: 0;}
@media (max-width:600px) {img.newproduct {width: 100%; margin-right: 0;}}

img.image-margin {margin-bottom: 3em;}

#float-left {float: left; padding: 0 15px 5px 0;}
#float-right-video {float: right; padding: 0 0 5px 15px;}

div.float-right {float: right; padding: 0 0 5px 24px;}
div.float-left {float: left; padding: 0 24px 5px 0;}
div.float-left-wide {float: left; padding: 0 40px 5px 0;}

div.linkbox {float: left; width: 48%; padding: 0 0 0 0;}
div.linkbox-divider {float: left; width: 4%; height: 50px; padding: 0;}
/* images in linkbox need space below them */
div.linkbox img {padding-bottom:20px;}

/*div.googlemap {float: left; padding-left: 30px; width: 260px; height: 260px;}*/
div.googlemap {float: left; padding-left: 30px; padding-right: 10px;}
.where-to-find-us {padding-left: 30px; padding-bottom:8px;}

/* OLD
h1,h2 {font-family: georgia, serif; line-height: 1.3em; font-weight: normal; padding:0;}
h1 {
	font-size:280%;
	letter-spacing:-0.25px;
	text-align: center;
}
h2 {font-size:220%;}
*/

h1,h2,h3 {
color: #1D6CB3;
background-color: transparent;
font-family: Arial,Helvetica,sans-serif;
line-height: 1em;
vertical-align: baseline;
word-spacing: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
h1 {
font-size: 40px;
letter-spacing: -1px;
font-style: italic;
text-align: center;
padding-bottom: 0.6em;
}
h2 {
font-size: 25px;
padding-bottom: 0.4em;
}
h3 {
font-size: 20px;
color: #444;
padding-bottom: 0.4em;
}

/*h2+h3 {padding-top: 0.4em;}*/

/*h3+img {padding-bottom: 1em;}*/


.subhead {
    font-size: 60%;
    line-height: 1;
    font-style: normal;
    letter-spacing:0.01em;
	text-transform: lowercase;
	font-variant: small-caps;
}

a:link {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: underline;
	color: #000;
}
a:visited {
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #000;
	background-color:#FFF350;
	/* yellow: 1/3 light shade of advert color (mid shade FFF350 is too bright) */
	background-color:#FFFBCC;
}

/* No hover color for an image link */
a.linkedimage:hover{background-color:transparent;}

div.address a:link {
    padding: 2px 4px;
	text-decoration: underline;
	color: #fff;
}
div.address a:active {
	text-decoration: underline;
	color: #fff;
}
div.address a:visited {
	text-decoration: underline;
	color: #fff;
}
div.address a:hover {
	text-decoration: underline;
	color: #fff;
	background-color:#185c9a;
}

/* display block prevents IE adding unwanted vertical space */
.fix_IE_gap {display: block;}

/* Navigation Minitabs (http://web-graphics.com/mtarchive/001557.php) */
/* =================================================================================================================== */
/* was     {list-style: none; margin: 0; padding: 0 0 35px 0; text-align: center; white-space: nowrap;} */
ul#minitabs{list-style: none; margin: 0; padding: 0 0 35px 0; text-align: center;}
/* was        {display: inline; margin: 0 10px} */
ul#minitabs li{display: inline; margin: 0 0.7em;}
/* blue was color: #1D6CB3; */
ul#minitabs a{font-family: georgia, serif; font-size:130%; text-decoration: none; padding-bottom: 1px; border-bottom: 4px solid #FFF; background-color:#FFF;}
ul#minitabs a#current{border-color: #E1E1E1;}
ul#minitabs a:hover{border-color: #E1E1E1;}

/* Navigation Tabs (added after "Subscribe to email offers" removed, and nav looked boring) */
/* =================================================================================================================== */
ul#tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #0D93D3;
}

ul#tabs li {float: left;}

ul#tabs li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 125%;
}

ul#tabs li a:hover:not(.active) {background-color: #111;}
ul#tabs .active {background-color: #4CAF50;}

/* Navigation Tabs2 No float left (http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_black_active) (added after "Subscribe to email offers" removed, and nav looked boring) */
/* =================================================================================================================== */
/* Outer block of navigation           padding: 4% 0 8% 0; */
ul#tabs2 {list-style: none; margin: 0; padding: 22px 0 33px 0; text-align: center;}
/* Individual elements of navigation */
ul#tabs2 li {display: inline; margin: 0; padding:0;}
/* Individual link elements of navigation                      15px 20px border: 1px solid black;*/
ul#tabs2 li a {font-size:125%; text-decoration: none; padding: 2% 3%; background-color: #0D93D3; border-radius: 5px;}
/* Hover, not active.                               #1D6BB3 = dark blue of logo */
ul#tabs2 li a:hover:not(.active) {background-color: #1D6BB3;}
/* Hover, active. */
ul#tabs2 .active {background-color: black;}
/* Nav text is white */
ul#tabs2 li a:link,ul#tabs2 li a:active,ul#tabs2 li a:visited,ul#tabs2 li a:hover {color: white;}

/* Increase line height of nav to avoid overlapping nav elements on smaller screens (600px) */
@media(max-width:600px){
  ul#tabs2 li {line-height: 2.75;}
}


/* Video */
/* =================================================================================================================== */
.ctv-video {width:100%; height:auto; margin-bottom: 25px;}

/* Contact Form */
/* =================================================================================================================== */
form {
	width: 335px;
}
.col1 {
	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background: url(../images/bg_label.gif) no-repeat;
}
.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: url(../images/bg_textfield.gif) no-repeat;
}
.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url(../images/bg_textarea.gif) no-repeat;
}
.col1comment {
	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	background: url(../images/bg_label_comment.gif) no-repeat;
}
div.row {
	clear: both;
	width: 335px;
}
.submit {
	height: 29px;
	width: 330px;
	background: url(../images/bg_submit.gif) no-repeat;
	padding-top: 5px;
	clear: both;
}
.input {
	background-color: #fff;
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}
.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}

/* Footer */
/* =================================================================================================================== */
#footer {
}