@font-face {
  font-family: 'Gotham';
  src: url(../fonts/Gotham-Book.woff) format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'), url('fonts/Gotham-Book.svg') format('svg');
}

@font-face {
  font-family: 'Gotham-Bold';
  src: url(../fonts/Gotham-Bold.woff) format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype'), url('fonts/Gotham-Bold.svg') format('svg');
}
@font-face {
  font-family: 'Gotham-Black';
  src: url(../fonts/Gotham-Black.woff) format('woff'), url('fonts/Gotham-Black.ttf') format('truetype'), url('fonts/Gotham-Black.svg') format('svg');
}
html
{
	background: #fff;
}
body
{
	font-family: 'Gotham';
	margin: 0;
	padding: 0;
	background-color: #fff;    
	margin: 0px;    
	padding: 0px;    
	font-size: 16px;    
	line-height: 1.22857;    
	font-size: 14px;    
	line-height: 1.42857143;    
	color: #000;    
	max-width: 100%;
	
}
	@media screen and (min-height: 640px)
	{
		body
			{
				overflow-x: hidden; 
			}
		/*#footer-wrapper
		{
			position: fixed;
			bottom: 0px;
		}*/
	}
	@media screen and (max-height: 639px)
	{
		body
			{
				overflow-x: hidden; 
			}
	}
	html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
	}
	a
	{
		color: #777;
		text-decoration: none;
	}
	a.active{
		color: #8cbf3f;
	}
	img
	{
		border: none;
	}
	p
	{
		font-family: 'Gotham';
  		font-size: 14px;
  		color: #000;
  		margin-bottom: 20px;
  	}
	h1,h2,h3,h4,h5,h6
	{
		font-family: 'Gotham-Bold';
		color: #777;
	}
	#navigation
	{
		width: 100%;    
		height: 55px !important;    
		background: #fff;    
		margin-bottom: 0px;    
		-webkit-transition: margin-bottom 0.3s ease, height 0.3s ease;    
		transition: margin-bottom 0.3s ease, height 0.3s ease;
		
		border-bottom: 2px solid #8cbf3f;
	}
	#contact-phone
	{
		display: inline-block;
		height: 30px;    
		padding: 5px 10% 0px 0px;
		position: relative;
		z-index: 1000; 
		margin: 0;    
		float: right;
	}
	#contact-phone a{
		text-decoration: none;    
		color: #777777;
		font-size: 12px;
	}
	@media screen and (max-width: 680px)
	{
		#heading-title-wrapper
		{
			text-align: center;
			padding-top: 20px;
  			padding-bottom: 20px;   
			padding-left: 20px;
			padding-right: 20px;     
			background-color: transparent;
			display: table;
			min-height: 400px;
		}
		#header
		{
			display: none; 
			background-color: #191919; 
			color: #777777;    
			text-align: right;    
			font-size: 13px;   
			width: 100%;    
			height: 30px;   
		}
		#logo
		{
			position: relative;
			width: 160px;
			top: 13px;
			left: 10px;
		}
		
		#logo a img
		{
			border: none;
			max-width: 100%;
		}
		
		#contact-phone {
			display: inline-block;
			height: 30px;
			padding: 12px 20px 0px 0px;
			position: relative;
			z-index: 1000;
			margin: 0;
			float: right;
		}
	}
	@media screen and (min-width: 681px)
	{
		#heading-title-wrapper
		{
			  text-align: center;
			  padding-left: 10%;
			  padding-right: 10%;
			  padding-top: 40px;
			  padding-bottom: 20px;
			  background-color: transparent;
			  display: table; 
			  min-height: 400px;
			  margin: 0 auto;
		}
		#header
		{
			display: block;    
			background-color: #fff; 
			color: #777777;    
			text-align: right;    
			font-size: 13px;   
			width: 100%;    
			height: 15px;    
		}
		#logo
		{
		  position: relative;
		  top: -8px;
		  left: 10%;
		  z-index: 1000;
		  margin: 0;
		  display: inline-block;
		}
		
		#logo a img
		{
			border: none;
			max-width: 100%;
		}
	}
	
	#heading-title-wrapper h1
	{
		color: #000;    
		font-size: 32px;    
		font-family: 'Gotham-Bold' !important;    
		line-height: 32px;
		
	}
	#content
	{
		min-height: 400px;    
		z-index: 8;    
		position: relative;    
		background-color: #fff;    
		clear: left;
		
		margin-left: 10%;
		margin-right: 10%;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	#information-wrapper
	{
		position: relative;    
		margin-left: 10%;    
		margin-right: 10%;    
		padding-top: 20px;    
		padding-bottom: 20px;    
		text-align: left;
	}
	#footer
	{
		clear: both;    
		overflow: hidden;    
		min-height: 40px;     
		position: relative;    
		padding: 20px 0px 0px 0px;
	}
	#copyright
	{
		padding: 5px 5px;       
		text-align: center;    
		color: #666666;
		font-size: 12px;
	}
	#footer-social-list
	{
		height: 20px;    
		overflow: hidden;    
		margin-bottom: 15px;    
		text-align: center;    
		margin-top: 10px;
	}
	#footer-social-list ul
	{
		display: inline-block;    
		text-align: center;    
		list-style: none;    
		padding: 0;    
		margin-top: 0px;
	}
	#footer-social-list ul li
	{
		float: left;    
		margin-right: 10px;
	}
	#footer-social-list ul li a img
	{
		height: 40px;
	}
	#footer-social-list ul li a img:hover
	{
		margin-top: -20px;
	}
	#bottom
	{
		clear: both;    
		padding: 15px 10px;    
		overflow: auto;    
		background-color: #e0e0e0;    
		color: #777777;    
		font-size: 12px;    
		font-weight: normal;    
		text-decoration: none;    
		text-align: center;
	}
	#bottom a:hover {
		color: #8cbf3f;
	}
	
	@media screen and (max-width: 480px)
	{
		#footer-logos-label
		{
			display: block;
			width: 100%;    
			position: relative;    
			top: 3px;
			color: #777777;    
			font-size: 12px;
			text-align: center;
		}
	}
	@media screen and (min-width: 481px)
	{
		#footer-logos-label
		{
			display: inline-block;    
			position: relative;    
			top: -9px;
			color: #777777;    
			font-size: 12px;
			text-align: center;
		}
	}
	
	#footer-logos
	{
		list-style: none;    
		display: inline-block;    
		margin: 0px 10px 0px 10px;    
		padding: 0;    
		border: none;
	}
	#footer-logos li
	{
		display: inline-block;    
		margin-left: 10px;    
		-moz-opacity: 0.5;    
		filter: alpha(opacity=50);    
		opacity: 0.5;
	}
	#footer-logos li:hover
	{
		-moz-opacity: 1;
		filter: alpha(opacity=100);
  		opacity: 1;
  	}
	#footer-wrapper
	{
	  	width: 100%;
	}
	
	@media screen and (min-width: 1921px)
	{
		.fill-image
		{
			width: 100%;
			position: absolute;
			z-index: -1;
		}
	}
	@media screen and (max-width: 1920px)
	{
		.fill-image
		{
			position: absolute;
			z-index: -1;
			max-height: 100%;
		}
	}
	
	.banner
	{
		width: 60%;
		max-width: 100%;
	}
	.banner-wrapper
	{
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
.social-list
{
	display: inline-block;
    text-align: center;
    list-style: none;
    padding: 0;
    margin-top: 0px;
}
.social-list li
{
	float: left;
    margin-right: 10px;
}

.social-list li a  img
{
	height: 32px;
    background: #8cbf3f;
}

#contact-method
{
	margin-top: 30px;
}
#contact-method-list
{
    list-style: none;
    margin: 0px;
    padding: 0px;
	text-align: center;
}
#contact-method-list li
{
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
    cursor: pointer;
}
#contact-method-list li img
{
    vertical-align: middle;
	margin-bottom: 10px;
}

.info{
	color: #000;
}

div#st_HeaderBackground {
    display: none;
}
.blocker {
	z-index: 100000000000000 !important;
}

#call-modal
{
	text-align: center;
}
#call-modal h1
{
	font-family: 'Gotham-Black';
}
#modal-close
{
	float: right;
}

#countries
{
	width:200px;
}
.ddlabel
{
	pointer: cursor;
}
#number > a > h2:hover
{
	color: #8cbf3f;
}

#number h2{
font-family: 'Gotham';
}

#intro
{
	display: table-cell;
	vertical-align: middle;
}

/* Shipping & Handeling Page */
table
{
    width: 100%;
    border-collapse: collapse;
}
#shipping-table, #delivery-table, #replacement-table
{
    margin-bottom: 20px;
}
/* Zebra striping */
#shipping-table tr:nth-of-type(odd), #delivery-table tr:nth-of-type(odd), #replacement-table tr:nth-of-type(odd){
    background: #f5f5f5;
}
#shipping-table th, #delivery-table th, #replacement-table th {
    background: #191919;
    color: white;
    font-family: 'Gotham-Bold';
    font-weight: normal;
}
#shipping-table td, #shipping-table th, #delivery-table td, #delivery-table th, #replacement-table td, #replacement-table th  {
    padding: 6px;
    /*border: 1px solid #ccc; */
    border-bottom: 1px solid #ccc;
    text-align: left;
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media screen and (max-width: 760px)
{

    /* Force table to not be like tables anymore */
    #shipping-table table, #shipping-table thead, #shipping-table tbody, #shipping-table th, #shipping-table td, #shipping-table tr {
        display: block;
    }
    #delivery-table table, #delivery-table thead, #delivery-table tbody, #delivery-table th, #delivery-table td, #delivery-table tr {
        display: block;
    }
    #replacement-table table, #replacement-table thead, #replacement-table tbody, #replacement-table th, #replacement-table td, #replacement-table tr {
        display: block;
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    #shipping-table thead tr, #delivery-table  thead tr, #replacement-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #shipping-table tr, #delivery-table tr, #replacement-table tr{ /*border: 1px solid #ccc;*/
        /*border-bottom: 1px solid #ccc;*/
    }

    #shipping-table td, #delivery-table td, #replacement-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 60%;
    }

    #shipping-table td:before, #delivery-table td:before, #replacement-table td:before{
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 60%;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-family: 'Gotham-Bold';
        font-weight: normal;
    }

    /*
Label the data
*/
    #shipping-table td:nth-of-type(1):before { content: "Shipping Level"; }
    #shipping-table td:nth-of-type(2):before { content: "Time in Transit"; }
    #shipping-table td:nth-of-type(3):before { content: "Per Shipment"; }
    #shipping-table td:nth-of-type(4):before { content: "Per Item"; }
    #shipping-table td:nth-of-type(5):before { content: "Same Day Shipping"; }

    #delivery-table td:nth-of-type(1):before { content: "Business Days"; }
    #delivery-table td:nth-of-type(2):before { content: "Day 1"; }
    #delivery-table td:nth-of-type(3):before { content: "Day 2"; }
    #delivery-table td:nth-of-type(4):before { content: "Day 3"; }
    #delivery-table td:nth-of-type(5):before { content: "Day 4"; }
    
    #replacement-table td:nth-of-type(1):before { content: "Product"; }
    #replacement-table td:nth-of-type(2):before { content: "Type"; }
    #replacement-table td:nth-of-type(3):before { content: "Category"; }
}

#st_Widget .st_btnPopupIcon, #st_Widget .st_btnCollapseIcon {
	display: none !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
}
#st_Widget .st_WidgetWrapper .st_SmarterTrack a {
    color: #8cbf3f !important;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    font-family: 'Segoe UI', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif !important;
}
#st_Widget .st_WidgetWrapper .st_SmarterTrack a:visited {
    color: #8cbf3f !important;
    text-decoration: none;
}
#st_Widget .st_WidgetWrapper .st_BtnPrimary {
    color: white;
    background-color: #8cbf3f !important;
    border: 1px solid transparent;
    border-color: #8cbf3f;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
}