/*
Theme Name: TNT Handling theme
Theme URI: http://durkangroup.com/
Description: Theme created for TNT Handling
Version: 1.0
Author: Dave Nicosia
Author URI: http://durkangroup.com
Tags: HTML5, CSS3
*/

/* =============================================================================
   General Styles
   ========================================================================== */
   
/* Font Face Setup, add fonts to /fonts/ folder and sync filenames */
@font-face {
    font-family: 'web_symbolsregular';
    src: url('fonts/websymbols-regular-webfont.eot');
    src: url('fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/websymbols-regular-webfont.woff') format('woff'),
         url('fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('fonts/websymbols-regular-webfont.svg#web_symbolsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.websymbol {font-family: 'web_symbolsregular';}

/* Global Box Sizing and Font-Smoothing */	 
*, *:after, *:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

body {
	font-family: Arial, sans-serif; /* Serve Helvetica Neue, with Helvetica fallbacks to Arial */
	font-size:14px;
	font-weight:300; /* Better supported than 'lighter' attribute */
	color:#222; /* Lighter on the eyes than #000 Black */
}

/* =============================================================================
   Structure
   ========================================================================== */
   
/* Fluid First approach - http://www.toddmotto.com/fluid-first-creating-a-future-proof-fluid-and-responsive-website 
  Responsive, fluid, 960px width - perfect start.
*/

.wrapper {max-width:1000px;width:100%;margin:0 auto;position:relative;}
.aspot-wrapper {max-height:580px;width:100%;margin:0 auto;position:relative;}

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */
   
/* Custom Selection Styles */
::selection {background:#1285DD;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#1285DD;color:#FFF;text-shadow:none;}
::-moz-selection {background:#1285DD;color:#FFF;text-shadow:none;}

/* Input focus styles */
input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */
   
/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */
   
.alignnone {}
.aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
.alignright {float:right;margin:5px 0 20px 20px;}
.alignleft {float:left;margin:5px 20px 20px 0;}
.aligncenter {display:block;margin:5px auto 5px auto;}
a img.alignright {float:right;margin:5px 0 20px 20px;}
a img.alignnone {}
a img.alignleft {float:left;margin:5px 20px 20px 0;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone {margin:5px 20px 20px 0;}
.wp-caption.alignleft {margin:5px 20px 20px 0;}
.wp-caption.alignright {margin:5px 0 20px 20px;}
.wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
.sticky {}
.bypostauthor {}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,h2,h3 {orphans:3;widows:3;}
	h2,h3 {page-break-after:avoid;}
}

/* =============================================================================
   Standard Styles
   ========================================================================== */

p { margin:0 0 12px 0; line-height: 140%; }
  
h1, h2, h3, h4 {  margin:25px 0 10px 0; line-height:1.2em; }

h1 {font-size: 30px;margin: 25px 0 15px;}

ul li, ol li {line-height: 140%;}

a, a:visited { color: #c03437; text-decoration:none; }
a:active, a:hover { color: #000; }

pre { background: #f7f7f7; color: #444; padding: 1.5em; }
.clear { clear: both; }
hr { margin:12px 0; color:#fff; /* match to background color */ border-width:0; border-top:2px solid #e5e5e5; height:1px; }
.pointer { cursor:pointer; }
.error { color:red; line-height:1.2em; font-weight:bold; font-size:10px; }
.empty-margin { margin:0 !important; }
.empty-padding { padding:0 !important; }
.spacer { margin-bottom:18px; }

.uppercase { text-transform:uppercase; }
.grey { color:#999; }
.black { color:#000; }
.green { color:#008000; }
.yellow { color:#C0C000; }
.red { color:#B30000; }
.icon { vertical-align:middle; }
.hide { display:none; }
.textalignleft { text-align:left; }
.textalignright { text-align:right; }
.textaligncenter { text-align:center; }

#content img { max-width:100%; }

/* tables */
table { margin-bottom: 18px; text-align: left; border-collapse: collapse; }
table th { font-size: 10px; font-weight: bold; padding: 4px; border: 1px solid #ccc; background: #ddd; }
table td { padding: 4px; border: 1px solid #ccc; font-size:11px; vertical-align:top; }
table tbody tr:hover td { background: #FFFEB6; }
table.noformat td, table.noformat tr:hover td { border-width:0 !important; background:transparent !important; }

/* Forms */
form label { display: inline-block; padding: 0 0 2px; font-weight: bold; font-size: 0.90em; line-height:1.0em; }
form label.inline { display: inline; padding: 0; }
form fieldset legend { font-weight: bold; margin-bottom: 10px; padding-top: 10px; }
form p small { font-size: 0.75em; display: block; padding-left:3px; }


#content form input,
form input.text-input,
form select,
form textarea,
form .wysiwyg { padding: 10px 15px!important; font-size: 14px!important; background: #dedede!important; border: 1px solid #dedede!important; color: #999!important; font-family: Arial, sans-serif; max-width:100%; margin: 0 0 15px;}

#content form input:focus,
form input:focus,
form input.text-input:focus,
form select:focus,
form textarea:focus {background: #fff!important; border: 1px solid #f1f1f1!important; box-shadow: 0 0 10px rgba(0,0,0,0.4);color: #333!important;}

form.search input:focus {box-shadow: none;}

form .small-input { width: 25% !important; }
form .medium-input { width: 50% !important; }
form .large-input { width: 97.5% !important; font-size: 16px !important; padding: 8px !important; }
form textarea { /*width: 97.5% !important;*/ }
form select { padding: 4px; background: #fff; }
form input[type="checkbox"],
form input[type="radio"] { padding: 0; background: none; border: 0; }
form label.error { display:inline; float: none; color: red; padding-left: .5em; vertical-align: top; background-image:none; background-color:transparent; font-size:8pt; }
form span.required { color:#C00000; font-weight:bold; }

#content form input.gform_button,
.submitbutton,
input[type=submit],
.submitbutton:hover,
input[type=submit]:hover { 
	height:auto; 
	width: 100%;
	max-width: 200px;
	padding:5px 12px; 
	display:inline-block; 
	color:#fff!important; 
	font-size:14px; 
	text-decoration:none; 
	border-width:0; 
	cursor:pointer; 
	font-weight:bold;
	background: #ed272b!important; /* Old browsers */
	background: -moz-linear-gradient(top,  #ed272b 0%, #cd2023 100%)!important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed272b), color-stop(100%,#cd2023))!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ed272b 0%,#cd2023 100%)!important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ed272b 0%,#cd2023 100%)!important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ed272b 0%,#cd2023 100%)!important; /* IE10+ */
	background: linear-gradient(to bottom,  #ed272b 0%,#cd2023 100%)!important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed272b', endColorstr='#cd2023',GradientType=0 )!important; /* IE6-9 */

}

#content form input.gform_button:hover, .submitbutton:hover, input[type=submit]:hover { -webkit-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9); -moz-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9); box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9); color:#fff;background: #cd2023!important; /* Old browsers */
background: -moz-linear-gradient(top,  #cd2023 0%, #ed272b 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd2023), color-stop(100%,#ed272b))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cd2023 0%,#ed272b 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cd2023 0%,#ed272b 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cd2023 0%,#ed272b 100%)!important; /* IE10+ */
background: linear-gradient(to bottom,  #cd2023 0%,#ed272b 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd2023', endColorstr='#ed272b',GradientType=0 )!important; /* IE6-9 */
 }









/* =============================================================================
   Custom Styles
   ========================================================================== */
   
body { background:#fff; }

#content { background:#fff; }


/* basic nav styles 
nav { }
nav ul { list-style:none; margin:0; padding:0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
nav ul li { list-style:none; margin:0; padding:0; }
nav a, nav a:visited { font-size:20px; line-height:30px; color:#648CBD; float:left; margin:0 20px 0 0; text-decoration:none; display:inline-block; outline:0 !important; }
nav a:active, nav a:hover, li.menu-item-has-children:hover { color: #648CBD; text-decoration:none; }
nav li.current-menu-item a { color: #000; }*/


.header-info {float:right; text-align: right;margin-top: 25px;}

.header-info a, .header-info a:visited  {color: #dedede;font-size: 14px;font-weight: bold;}
.header-info a:hover  {color: #c03437;}
.header-info .rightcol { text-align: right; }
.header-info img {vertical-align:middle;}
.header-info .phone-number {cursor: text;}

header input.search-input {
	border-left: 1px solid #dedede!important;
	border-top: 1px solid #dedede!important;
	border-bottom: 1px solid #dedede!important;
	border-right: none!important;
	height:18px!important;
	width: 160px!important;
	max-width: 100%!important;
	height: 28px!important;
	width: 250px!important;
	padding-left: 10px;
}

header button.search-submit {
	border-left: none;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-right:  1px solid #dedede;
	background: url('img/searchicon.png') no-repeat scroll 0 4px #fff;
	height: 32px;
	margin-left: -5px;
	text-indent: -400px;
	width: 30px;
	float: right;
}

header form.search {margin: 10px 20px 0 0;}

.header-info {float:right;}



.leftcol,
.rightcol {width: 50%;}

.top-bar .rightcol {width: 40%;}
.top-bar .leftcol {width: 60%;}

.breadcrumbs {margin: 20px 0; color: #c03437;}
.breadcrumbs a {color: #adadad;}

body.page h1 {border-bottom: 1px solid #dedede;padding: 0 0 10px 0;margin: 20px 0;}

.one_half {padding-right: 40px;}


header { -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 4px 10px rgba(0,0,0,0.5); box-shadow: 0 4px 10px rgba(0,0,0,0.5); position: relative; z-index: 500;}

.top-bar {background: #333; padding: 10px 0;}


.leftcol {float:left;}
.rightcol {float:right;}

.bottom-bar {
background: rgb(51,69,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(51,69,107,1) 0%, rgba(22,29,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,69,107,1)), color-stop(100%,rgba(22,29,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,69,107,1) 0%,rgba(22,29,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,69,107,1) 0%,rgba(22,29,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,69,107,1) 0%,rgba(22,29,45,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,69,107,1) 0%,rgba(22,29,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33456b', endColorstr='#161d2d',GradientType=0 ); /* IE6-9 */


}


#logo {float: left; padding: 30px 0;}

div#view-menu {
	display: none;
}

nav.header-nav {
	margin-top: 20px;
	clear: both;
	background: rgb(192,52,54); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(192,52,54,1) 0%, rgba(135,4,4,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,52,54,1)), color-stop(100%,rgba(135,4,4,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(192,52,54,1) 0%,rgba(135,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(192,52,54,1) 0%,rgba(135,4,4,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(192,52,54,1) 0%,rgba(135,4,4,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(192,52,54,1) 0%,rgba(135,4,4,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c03436', endColorstr='#870404',GradientType=0 ); /* IE6-9 */


}
 
nav.header-nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
 
nav.header-nav li{
    float: left;
    position:relative;
}

nav.header-nav ul li:hover {
	background: rgb(51,69,107);
}
 
nav.header-nav ul a{
    color: #fff;
    display: block;
    float: left;
    line-height: 100%;
    padding: 20px 20px;
    text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
}

nav.header-nav a:hover,
nav.header-nav li.current-menu-item a, nav.header-nav li.menu-item-has-children a:hover {
	background: rgb(51,69,107);
	color: #dedede;
}

nav.header-nav ul ul a{
	text-transform:none;
	padding: 10px 20px;
	width: 100%;
}

nav.header-nav ul ul a:hover {
	color: #fff!important;
}

 
 
nav.header-nav ul ul {
    display:none;
    position: absolute;
    top: 53px;
    left: 0;
    width: auto;
	z-index: 5000;
	background: rgb(51,69,107); /* Old browsers */
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 4px rgba(0,0,0,0.4);
}
 
nav.header-nav ul ul li{
    width: 200px;
}

 
nav.header-nav ul li:hover > ul {
    display: block;
}
 
nav.header-nav ul ul ul {
    left: 100%;
    top: 0;
}



/* home page styles **********/


#slider {overflow: hidden;position: relative;}
.homepage-slide, .homepage-slide img {width: 100%;}


.slide-text {
	position: absolute;
	left: 0;
	top: 40%;
	width: 100%;
	margin-top: -82.5px;
}
.slide-text .inner {position: relative; width: 100%;max-width: 1000px; margin: 0 auto;}

.slide-text .inner-bg {
	width: 100%;
	max-width: 600px;
	padding: 25px;
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}

.slide-title {font-size:26px; padding:0; margin:0;font-weight: bold;color: #fff;}
.slide-subtitle {font-size:26px; padding:0; margin:0 0 10px 0;color: #fff;}
.slide-blurb {font-size:14px; padding:; margin:;color: #fff;}
.slide-link, .slide-link:visited {
	display:inline-block;
	padding: 10px 30px;
	color: #fff;
	background: #e82f2f; /* Old browsers */
	background: -moz-linear-gradient(top,  #e82f2f 1%, #b82222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e82f2f), color-stop(100%,#b82222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e82f2f 1%,#b82222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e82f2f 1%,#b82222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e82f2f 1%,#b82222 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e82f2f 1%,#b82222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82f2f', endColorstr='#b82222',GradientType=0 ); /* IE6-9 */
	font-weight: bold;
	font-size: 16px;
	-webkit-text-shadow: 1px 1px 1px #000;
	-moz-text-shadow: 1px 1px 1px #000;
	text-shadow: 1px 1px 1px #000;
}

.slide-link:hover {
	background: #b82222; /* Old browsers */
	background: -moz-linear-gradient(top,  #b82222 0%, #e82f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b82222), color-stop(100%,#e82f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b82222 0%,#e82f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b82222 0%,#e82f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b82222 0%,#e82f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b82222 0%,#e82f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b82222', endColorstr='#e82f2f',GradientType=0 ); /* IE6-9 */
}


.slidernav {height: 0;}
#prev, #next {position: absolute; top: 50%;height: 98px; width: 48px; z-index: 500;text-indent: -9999px; opacity: 0.8;}

body.single-product .slidernav {height: 0; position: absolute; top: 50%; margin-top: -18px;}
body.single-product #prev, body.single-product #next {position: absolute; top: 0;height: 36px; width: 23px; z-index: 500;text-indent: -9999px; opacity: 0.8;}


#prev:hover, #next:hover {opacity: 1.0;}

#prev {left: -60px;background:url('img/prev.png') no-repeat scroll center top;}
#next {right: -60px;background:url('img/next.png') no-repeat scroll center top;}

#pager {position: absolute; bottom: 15px;width: 100%; height: 14px; text-align: center;z-index: 500;}
#pager span {height: 14px; width: 14px; background:url('img/tick.png') no-repeat scroll center top; display: inline-block;text-indent: -9999px;margin: 0 3px;cursor:pointer;}
#pager span.cycle-pager-active { background:url('img/tick-active.png') no-repeat scroll center top;}


#top-sellers h2 {margin: 25px 0;}

.slide {width: 100%;}

.top-prod-col {width: 20%; height: 300px; padding: 5px; float: left; text-align:center;}

.top-product-cat {color: #5873b5;font-size: 12px; font-weight: bold;margin: 10px 0;}
.top-product-title {font-size: 14px;font-weight: bold;margin: 0 0 10px 0;}
.top-product-link {color: #000;font-size: 12px; font-weight: bold;}
.top-product-link:hover {color: #c03437;font-size: 12px; font-weight: bold;}

.top-product-link span {color: #c03437;display:inline-block;margin-left: 5px;}

#gallery {padding-top: 25px;}

.cycle-pager-wrapper {
	position: relative;
	width: 100%;
	z-index: 5000;
	top: 0;
	padding: 12px 0;
	margin: 0 auto;
	height: auto;
background: rgb(51,69,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(51,69,107,1) 0%, rgba(22,29,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,69,107,1)), color-stop(100%,rgba(22,29,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,69,107,1) 0%,rgba(22,29,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,69,107,1) 0%,rgba(22,29,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,69,107,1) 0%,rgba(22,29,45,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,69,107,1) 0%,rgba(22,29,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33456b', endColorstr='#161d2d',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #333;
border-top: 1px solid #222;
webkit-box-shadow: 0 -4px 10px rgba(0,0,0,0.5);
-moz-box-shadow: 0 -4px 10px rgba(0,0,0,0.5);
box-shadow: 0 -4px 10px rgba(0,0,0,0.5);

bottom: inherit;
}

.cycle-pager-wrapper #pager.cycle-pager {
	text-align: center;
	position: static;
	height: 36px;
}

#pager.cycle-pager span {text-indent: 0;background: none; display:inline-block!important;font-weight: bold; margin: 0 5px; width: auto;height: auto;background: #e82f2f; /* Old browsers */
	background: -moz-linear-gradient(top,  #e82f2f 1%, #b82222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e82f2f), color-stop(100%,#b82222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e82f2f 1%,#b82222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e82f2f 1%,#b82222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e82f2f 1%,#b82222 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e82f2f 1%,#b82222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82f2f', endColorstr='#b82222',GradientType=0 ); /* IE6-9 */;
color: #fff;
padding: 10px 20px;}

#pager.cycle-pager span:hover {
	background: #A52A2A; /* IE6-9 */
}

#pager.cycle-pager span.cycle-pager-active {background: #fff;color: #e82f2f; }





#browse-by-categories,
#industries-we-serve {padding: 50px 0;}

#top-sellers {padding: 0 0 50px 0; position:relative;}

.indus-wrapper {width: 100%; max-width: 1200px; margin: 0 auto;}

#industries-we-serve {padding: 0; background: #5F6C87;}

#industries-we-serve .wrapper {padding: 0 0 50px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#industries-we-serve h2{  padding: 50px 0 25px 0;margin: 0;color: #fff;}

#browse-by-categories {
	background: #eaebed;

	/*background: rgb(90,116,180); /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(90,116,180,1) 0%, rgba(43,76,135,1) 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,116,180,1)), color-stop(100%,rgba(43,76,135,1))); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  rgba(90,116,180,1) 0%,rgba(43,76,135,1) 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  rgba(90,116,180,1) 0%,rgba(43,76,135,1) 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  rgba(90,116,180,1) 0%,rgba(43,76,135,1) 100%); /* IE10+ */
/*background: linear-gradient(to bottom,  rgba(90,116,180,1) 0%,rgba(43,76,135,1) 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a74b4', endColorstr='#2b4c87',GradientType=0 ); /* IE6-9 */

}

#browse-by-categories h2 {margin: 0 0 25px 0;}

#browse-by-categories .rightcol img {float:right;}


#browse-by-categories ul,
#industries-we-serve ul {list-style-type: none;padding: 0 15px 0 0; margin: 0;}

#browse-by-categories ul li,
#industries-we-serve ul li {padding: 5px 0;}




#browse-by-categories ul li a,
#browse-by-categories ul li a:visited {color: #000 /* #E0E8FF */ ;}
#browse-by-categories ul li a:hover {color: #fff;}


#industries-we-serve ul li a,
#industries-we-serve ul li a:visited {color: #dedede ;}
#industries-we-serve ul li a:hover {color: #fff;}

ul li a span.websymbol {font-size:90%; color: #ed1f24;}


.industry-top .colleft {float: left; width: 50%;}
.industry-top .colright {float: right; width: 50%;padding-left: 50px;}

.industry-top #more-product-info {margin: 30px 0 0;}


.footer-contact {margin: 50px auto 150px;}
.footer-contact .inner {max-width: 500px;float:left;} 

body.contact-us .form-container .form-float {float: left; padding: 0 40px 0 0;width: 100%;max-width: 60%;}

body.contact-us .form-container .contact-top .leftcol {width: 60%;}
body.contact-us .form-container .contact-top .rightcol {width: 40%;padding-right: 20px;}


.mailing-address {font-style: italic;}
.office-hours {font-weight: bold;}

.contact-top a, .contact-top a:visited  {color: #000;font-size: 14px;font-weight: bold;}
.contact-top a:hover  {color: #666;}
.contact-top .rightcol { text-align: right; }
.contact-top .leftcol img {float: left;}
.contact-top img {vertical-align:middle;padding-right: 6px;}
.contact-top .phone-number {cursor: text;}

body.contact-us .gform_footer {text-align: right;}

.gform_wrapper .gform_footer { padding: 0!important; }

body.contact-us .footer-contact .inner { max-width: 100%; float: none; }
body.contact-us .form-container .footer-contact {float: right; margin: 70px 0 0;width: 100%; max-width: 40%;}

#field_1_11 {float: right;}
#label_11_1 {display:inline-block!important;}
#field_1_11 label.gfield_label {display:none;}





/* blog styles */

.blog-articles {width: 70%; float: left;padding-right:40px;}
#sidebar {width: 30%; float: right;}

#sidebar .widget {background: #f6f6f6; padding: 15px;margin: 0 0 25px 0;}

#sidebar .widget select {width: 100%;}

.sidebar-widget, .sidebar-widget ul, .sidebar-widget ul li {margin: 0; padding: 0;list-style-type: none;}
span.date {margin: 0 0 15px 0;display:inline-block;}





/* products styles *******/

h2.product-title a, .product-title h2 a:visited {font-size: 16px; font-weight: bold;display:block; line-height: 120%; height: 60px;}
h2.product-title a:hover {color: #000;}

body.archive article {width: 20%; float: left; padding: 5px;height: 300px; margin: 0 0 15px 0;}
body.archive article .inner {/*border: 1px solid #dedede;*/ padding: 5px;height: 300px; text-align: center;}
body.archive article .inner h3 {margin: 0 0 15px 0; font-size: 18px; color:#5870b8; }

a.view-product {display:block;font-weight: bold;margin-top: 10px;}


#product-slider {position:relative;}
.products-archive-left {width: 50%; padding-right: 60px;float:left;}
.products-archive-right {width: 50%;float:right;}


#product-slider .slidernav #prev {left: -30px;background:url('img/prev-red.png') no-repeat scroll center top;}
#product-slider .slidernav #next {right: -30px;background:url('img/next-red.png') no-repeat scroll center top;}
#product-slider #pager {position:static;margin-top: 10px;text-align:left;}
#product-slider #pager a {margin: 2.5px 5px;display: inline-block;}


#prev {left: 60px;background:url('img/prev.png') no-repeat scroll center top;}
#next {right: 60px;background:url('img/next.png') no-repeat scroll center top;}

#more-product-info {background: #f2f2f2; padding: 20px 40px; margin: 200px 0 50px;}
#more-product-info img {position: absolute; top: -144px; right: 0;}
.learn-more-box-title {color: #c03336; font-size: 14px; font-weight: bold;}
.product-info-form {position: relative;}
.learn-more-box-title, .learn-more-text {max-width: 70%;}
.gform_wrapper .gform_footer {text-align:right!important;}



.product-info-form li.gfield {width: 50%!important;float:left;clear: none!important;}
.product-info-form li.gfield input {width: 100%!important;}

.product-info-form li#field_5_5 {width: 100%!important;}

.product-info-form li#field_5_1, .product-info-form li#field_5_3 {padding-right:5px!important;}
.product-info-form li#field_5_2, .product-info-form li#field_5_4 {padding-left:5px!important;}



.prod-box.category img {margin: 0 0 10px 0;}
.cat-intro {margin: 15px 0 25px;}
.prod-box.prod, .prod-box.prod .inner {height: 400px;}




.indus-wrapper {min-height: 448px;}
.indus-content {max-width: 460px;margin: 100px 0 0 0;}

.indus-content.left {float: left;}
.indus-content.right {float: right;}

.indus-content h2 {color: #566fb1;}
.indus-content a {font-weight: bold;}

.top-inner {max-width: 600px;}




.slide-inner {width: 20%; padding: 10px;float: left;text-align: center;}
.slide-inner h3 {height: 57px;}

body.page-template-page-single-industry-php #pager {position: static;}



.product-cat-row {margin-bottom: 100px;}
.prod-cat-row-heading {margin: 0 0 25px 0;}






.products-colright, .products-colleft { float: left; width: 50%;}
.products-colright p, .products-colleft p { margin: 0 0 5px 0;}
.products-colright p a, .products-colleft p a { margin: 0 0 5px 0;color: rgb(51,69,107);
font-weight: bold;}
.products-colright {padding: 0 0 0 25px;}
.products-colleft {padding: 0 25px 0 0;}



#footer-top {
	padding: 50px 0 0;
	background: rgb(210,210,210); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(210,210,210,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,210,210,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(210,210,210,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(210,210,210,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(210,210,210,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(210,210,210,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}

#footer-top .leftcol {width: 40%; padding-right: 40px;}
#footer-top .leftcol a,
#footer-top .leftcol a:visited {color: #000; font-weight: bold; display: inline-block; clear: both; margin-top: 10px;}

#footer-top .leftcol a:hover {color: #ed1f24;}

#footer-top .leftcol a span.websymbol {font-size:90%; color: #ed1f24;}


#footer-top .rightcol {width: 60%; padding-left: 40px; border-left: 1px solid #cccccc;}

#footer-top .bro-img {float:right; margin: 0 0 0 10px;}
#footer-top  h4 {font-size: 26px;}

#footer-bottom {padding: 30px 0 50px; 
background: rgb(51,69,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(51,69,107,1) 0%, rgba(22,29,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,69,107,1)), color-stop(100%,rgba(22,29,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,69,107,1) 0%,rgba(22,29,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,69,107,1) 0%,rgba(22,29,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,69,107,1) 0%,rgba(22,29,45,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,69,107,1) 0%,rgba(22,29,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33456b', endColorstr='#161d2d',GradientType=0 ); /* IE6-9 */
}


.footer-nav {
	margin-top: 20px;
} 

.footer-nav {
	width: 100%;
	border-top: none;
	border-bottom: none;
	background: none;
	height: auto;
	padding: 25px;
	max-width: 960px;
	margin: 0 auto;
}


.footer-nav ul li ul {
	width: 100%;
	float: none;
}

.footer-nav ul {
	margin: 0;
	padding: 0;
}
.footer-nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
	width: 25%;
}

/* main level link */
.footer-nav ul a {
	color: #fff;
	padding: 0;
	text-decoration: none;
	width: 100%;
	font-weight: bold;
}


.footer-nav ul .current-menu-item ul li a {
	border-left: none;
	border-right: none;
}


/* sub-levels link */
.footer-nav ul ul a,
.footer-nav ul ul a:visited {
	color: #999;
	font-size: 95%;
	font-weight: normal;
	margin: 0;
	height: auto;
	background: none;
	line-height: 20px;
}

.footer-nav ul ul a:hover {
	color: #fff;
}

li#menu-item-117 a,
li#menu-item-118 a,
li#menu-item-119 a,
li#menu-item-120 a,
li#menu-item-121 a {color: #999!important; cursor: text;}

.footer-nav ul ul a {
	border-left: none;
	border-right: none;
	text-transform: none;
}


/* dropdown ul */
.footer-nav ul ul {
	margin: 0;
	padding: 25px 0 0;
	list-style: none;
	z-index: 100;
	display: block;
}
.footer-nav ul ul li {
	background: none;
	padding: 0;
	margin: 0;
	height: auto;
	border: none;
	float: none;
	width: 100%;
}


.copyright { margin: 100px 0 0; text-align: right; color: #999;}

.footer-logo {display: inline-block; float: right; clear: both;}

.copyright img {vertical-align: middle; margin-left: 25px;}


div#view-menu { display: none; }


/* =============================================================================
   Media Queries
   ========================================================================== */


/* 1100px and less */
@media only screen and (max-width: 1100px) {
	#content,
	.top-bar .wrapper,
	.bottom-bar,
	.footer-contact,
	#footer-top,
	#footer-bottom {padding: 0 20px;}
}



/* 1024px and less */
@media only screen and (max-width: 1024px) {

}

/* 900px and less */
@media only screen and (max-width: 900px) {
	#footer-top .leftcol,
	#footer-top .rightcol {width: 100%;float:none;padding: 0;border: none;}

	.footer-nav ul li { padding: 0 10px; }

	nav.header-nav { float: none; clear: both; }
}

/* 769px and more */
@media only screen and (min-width: 769px) {
	nav.header-nav {display:block!important;}
}

/* 768px and less */
@media only screen and (max-width: 768px) {

	nav a { font-size:15px; }
	.bro-img.help {display:none;}

	div#view-menu {
			background: #333!important;
			cursor: pointer;
			display: block;
			clear:both;
			padding: 10px;
			color: #fff;
			text-align:center;
	}

	header {border-bottom: none;}

	nav.header-nav {display:none;margin: 0;float:none;}

}

/* 700px and less */
@media only screen and (max-width: 700px) {
		.footer-nav ul li { width: 50%; margin-bottom: 25px; }

		.copyright {text-align: center; }
		.copyright img {vertical-align: middle; margin: 25px 0 25px;}
}

/* 600px and less */
@media only screen and (max-width: 600px) {
	.footer-nav ul li { width: 100%; text-align: center; }
	nav ul li a {margin: 10px 0;}


	
	nav.header-nav ul li:hover > ul {
		margin-top: 0;
	}
	
	nav.header-nav ul a {
		padding: 10px 15px;
		position: static;
		text-align: center;
		float:none;
		margin: 15px 0 0;
		background: #f1f1f1;
		color: #000;
		width: 100%;
		padding: 10px 0;
		text-decoration: none;
		font-size: 14px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	nav.header-nav ul a:hover {background: #dedede;}
	
	nav.header-nav ul li {
		position: static;
	}
	
	
	nav.header-nav ul ul {
		display: block!important;
		position: static;
		margin-bottom: 25px;
	}
	
	
	/* sub-levels link */
	nav.header-nav ul ul a, nav.header-nav ul .current_page_item ul a, nav.header-nav ul ul .current_page_item a, nav.header-nav ul .current-menu-item ul a, nav.header-nav ul ul .current-menu-item a {
		padding: 10px 15px;
		background: #fff;
		margin: 0;
		width: 100%;
	}

	nav.header-nav ul ul a:hover {background: #f6f6f6;}
	
	
	nav.header-nav ul li, nav.header-nav ul ul li {
		width: 100%;
	}
	
	nav.header-nav ul a:hover, nav.header-nav ul ul a:hover, nav.header-nav ul .current_page_item ul a:hover, nav.header-nav ul v ul .current_page_item a:hover, nav.header-nav ul .current-menu-item ul a:hover, nav.header-nav ul ul .current-menu-item a:hover, nav.header-nav ul ul .current-menu-item a, nav.header-nav ul .current-menu-item a {
		color: #333;
		text-decoration: none;
	}

	nav.header-nav ul ul {background: #fff;box-shadow: none;padding: 0 0 25px 0;}


	body.contact-us .form-container .form-float {
		float: none;
		padding: 0;
		width: 100%;
		max-width: 100%;
	}

	body.contact-us .form-container .footer-contact {
		float: none;
		margin: 70px 0 0;
		width: 100%;
		max-width: 100%;
	}


}

/* 480px and less */
@media only screen and (max-width: 480px) {

	#logo img { max-width:100%; }
	nav ul { width:100%; }
	
	.contact-stamp {max-width: 100px;}

	body.contact-us .form-container .contact-top .leftcol,
	body.contact-us .form-container .contact-top .rightcol  { width: 100%; float:none; text-align: left; padding: 10px 0; }

}

/* 320px and less */
@media only screen and (max-width: 320px) {

}

/* Retina screens */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {

}