/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* #General Site Styles
================================================== */
* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	}


body	{
	padding: 0px;
	margin: 0px;	
	color: #333333;
	background-color: #f6f6f6;
	font-size: 12px;
}


.float-left	{
	float: left;	
}

.float-right	{
	float: right;	
}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 32px; line-height: 50px; margin-bottom: 14px; color: #960;}
	h2 { font-size: 28px; line-height: 40px; margin-bottom: 10px; color: #069; }
	h3 { font-size: 24px; line-height: 34px; margin-bottom: 8px; color: #996; }
	h4 { font-size: 18px; line-height: 30px; margin-bottom: 4px; color: #966; }
	h5 { font-size: 16px; line-height: 24px; color: #969; }
	h6 { font-size: 14px; line-height: 21px; color: #666; }

	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p {  line-height: 24px; color: #454545; font-style: italic; font-size: 12px; }
	blockquote { margin: 0 0 20px 12px; padding: 9px 20px 0 30px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }



img {
	max-width: 100%;
}

img.BorderShadow	{
	border: 8px solid #fff;
	box-shadow: 5px 5px 5px #cccccc;
}

p	{
	padding: 0px 10px;	
	line-height: 22px;
	text-align: justify;
		}

a	{
	text-decoration: none;	
}

.divider	{
	border-top: 1px solid #cccccc;
	margin: 20px 0px;	
}



/* #Links
================================================== */
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }



	

.footer	{
	width: 100%;
	background-color: #dddddd;
	color: #454545;
	margin: 20px auto 0px auto;	
	padding: 10px 0px;
	font-size: 10px;
	line-height: 18px;
	border-top: 1px solid #ccc;
	
}

.footer	ul li	{
	margin: 0px 0px 0px 15px;
	line-height: 16px;
	font-size: 10px;
	list-style: disc;
	color: #666;
}

.footer h6 {
	color: #333;
	margin: 0px 0px 5px 0px;	
}

.centered	{
	margin: 0px auto;
}

.textRight	{
	text-align: right;	
}

.contactTitle	{
	font-weight: bold;
	font-size: 11px;
}

#Credits	{
	width: 100%;
	font-size: 11px;
	background-color: #bbb;
	color: #CCC;
	text-align: center;	
	padding: 20px 10px;
	border-top: 1px solid #ddd;
	background: #333;
	background-image: url('../images/bg_texture.jpg');
	background-repeat: repeat;
	width: 100%;
	height: 100px;
	padding: 15px 0px;
}

#Credits a	{
	color: #f6f6f6;	
}



.homebody	{

}


/* #Header Styles
================================================== */
.header	{
	background: #333;
	background-image: url('../images/bg_texture.jpg');
	background-repeat: repeat;
	width: 100%;
	height: 120px;
	padding: 15px 0px;
	border-bottom: 1px solid #ccc;
}


		
		/* #Logo Styles
		================================================== */
		
		#Logo	{
		}
		
		
		
		/* #Navigation Styles
		================================================== */
		#nav 	{
			text-align: right;
			font-size: 11px;
			float: right;
			color: #fff;
		}

		#nav a	{
			color: #ccc;
		}
		
		#nav.main	{
			padding: 30px 0px 0px 0px;
			margin: 0px;
			float: right;
		}
		
		#nav.main ul li {
			display: inline;
			list-style-type: none;
			padding-left: 10px;	
			text-transform: uppercase;
		}


		

/* #Home Page Styles
================================================== */


/*#color-bar	{
	background-color: #039;
	background-image: url(../images/gradient-overlays/grey-200_20p_bottom-top.png);
	background-position: bottom;
	background-repeat: repeat-x;
	background-size: 40px;
	padding: 10px 0px;	
	border-top: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
	font-size: 14px;
	font-style: italic;
	text-align: center;	color: #ccc;

}*/

.feature	{
	text-align: center;
	width: 100%;
	height: auto;
	vertical-align: bottom;
	
}

#homepage_highlights_container	{
	
}


.homepage_highlights_icon	{

}

.homepage_highlights_title {
	text-transform: uppercase;
	color: #666;
	font-size: 18px;
}

.homepage_highlights_text {
	text-align: left;
	line-height: 18px;
}



.header-graphic	{
	max-height: 100px;
	max-width: 300px;	
}


#homepage_product-line	{
	margin: 0px 0px 50px 0px;
}


img.slider_homepage	{

}




/* #Interior Page Styles
================================================== */

#SideBar_left	{
	color: #666;
	font-size: 11px;
		
}


#SideBar_right	{
	color: #666;
	font-size: 11px;
		
}

#banner.interior	{
	margin: 10px 0px 20px 0px;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;	
}

#BodyColumn	{
	padding: 0px 20px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
}

#interiorpage_column-left	{
	float: left;
	margin: 25px 0px 0px 0px;	
}

#interiorpage_column-right	{
	float: right;
	margin: 25px 0px 0px 0px;	
}

.contact-map	{
	width: 100%;
	min-height: 400px;
		
}


.TD_productLogo	{
	vertical-align: middle;
	padding: 0px;
	float: left;
}

.TD_productLogo img {
	max-height: 30px;	
}

.TD_productFeatures	{
	vertical-align: middle;
	float: left;
}

.ProductLogo	{
	max-width: 200px;
	height: auto;	
	max-height: 50px;
}













/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }








/* Button */
a.btn{border:#BBB 1px solid; color:#666; display:block;  padding:10px; margin: 0px auto; cursor:pointer;}
a:hover.btn{text-decoration:none; background:#FFF;}

/* Rounded Corners */
.rounded, a.btn{
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

border-radius:6px;
-khtml-border-radius: 6px;
/* Drop Shadow */
.shadow, a.btn{
-moz-box-shadow: 0px 1px 3px #AAA;
-webkit-box-shadow: 0px 1px 3px #AAA;
box-shadow: 0px 1px 3px #AAA;
}

/* Default Grey Gradient */
.gradient, a.btn{
background: #FFF; 

/* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#eeeeee');

 /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eeeeee));

 /* for webkit browsers */
background: -moz-linear-gradient(top #FFF,#EEE);
}


 /* for firefox 3.6+ */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}











/* #FLEXSLIDER
================================================== */


/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*my own flexslider styles*/
.flexslider {
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	max-height: 300px;
	background-position: center;
	
}

.flex-control-nav {
	width: 100%;
	text-align: center;
	margin: -15px 0px 20px 0px;
	padding: 0px;
}

.flex-control-nav li {
	display: inline;
	margin: 0 10px;
}

.flex-control-nav li a {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #c3c3c3;
	border: 1px solid#d5d5d5;
	
	cursor: pointer;
	
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.flex-control-nav li a.active,
.flex-control-nav li a:hover {
	background: #f1f1f1;
}

img.slider_homepage	{
	width: 100%;
	height: auto;
	text-align: center;
	background-position: center;
	background-size: contain;
}

.doclink-No {
  display: none !important;
}
.doclink-Yes {
  display: inline;
}











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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
			
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		/* #Logo Styles
		================================================== */
		
		#Logo	{
		}
		
			img.logo	{
				width: 200px;
				height: auto;
				max-height: 100px;
				
			}
		
		
		/* #Navigation Styles
		================================================== */
		#nav 	{
			text-align: right;
			font-size: 11px;
			float: right;
			color: #f6f6f6;
			max-width: 500px;
		}

		#nav a	{
			color: #ccc;
		}
		
		#nav.main	{
			padding: 30px 0px 0px 0px;
			margin: 0px;
			float: right;
		}
		
		#nav.main ul li {
			display: inline;
			list-style-type: none;
			padding-left: 20px;	
			text-transform: uppercase;
		}


		
		

		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		/* #Logo Styles
		================================================== */
		
		#Logo	{
			text-align: center;
		}
		
			img.logo	{
				width: 200px;
				height: auto;
				max-height: 100px;
				text-align: center;
				margin: 0px auto;
				background-position: center;
			}
		
		
		/* #Navigation Styles
		================================================== */
		#nav 	{
			text-align: center;
			font-size: 11px;
			color: #666;
		}

		#nav a	{
			color: #333;
		}
		
		#nav.main	{
			padding: 30px 0px 0px 0px;
			margin: 0px;
			text-align: center;
		}
		
		#nav.main ul li {
			display: inline;
			list-style-type: none;
			padding-left: 20px;	
			text-transform: uppercase;
		}

		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {


		/* #Logo Styles
		================================================== */
		
		#Logo	{
			text-align: center;
		}
		
			img.logo	{
				width: 200px;
				height: auto;
				max-height: 100px;
				text-align: center;
				margin: 0px auto;
				background-position: center;
			}
		
		
		/* #Navigation Styles
		================================================== */
		#nav 	{
			text-align: center;
			font-size: 11px;
			color: #666;
		}

		#nav a	{
			color: #333;
		}
		
		#nav.main	{
			padding: 30px 0px 0px 0px;
			margin: 0px;
			text-align: center;
		}
		
		#nav.main ul li {
			display: inline;
			list-style-type: none;
			padding-left: 20px;	
			text-transform: uppercase;
		}



		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		/* #Logo Styles
		================================================== */
		
		#Logo	{
			text-align: center;
		}
		
			img.logo	{
				width: 200px;
				height: auto;
				max-height: 100px;
				text-align: center;
				margin: 0px auto;
				background-position: center;
			}
		
		
		/* #Navigation Styles
		================================================== */
		#nav 	{
			text-align: center;
			font-size: 11px;
			color: #666;
		}

		#nav a	{
			color: #333;
		}
		
		#nav.main	{
			padding: 30px 0px 0px 0px;
			margin: 0px;
			text-align: center;
		}
		
		#nav.main ul li {
			display: inline;
			list-style-type: none;
			padding-left: 20px;	
			text-transform: uppercase;
		}


		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/