/*
Theme Name: 
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

*{
	font-family:			arial;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;	
}

* input, * textarea {
	color:#000000;
}
img {
	border-style: 			none;
}

.clear {
	clear:					both;

}

body {
	background-color: 		#231F20; 
	font-family: 			arial; 
}	

A:link {
	text-decoration:		none; 
	color: 					white;
}
A:visited {
	text-decoration:		none; 
	color:					white;
}
A:active {
	text-decoration:		none;
	color:					white;
}
A:hover {
	text-decoration:		none;
	color:					white;
}	
	
#envelope {
	position:				absolute;
	width: 					992px;
	min-height:				200px;
	height:					200px;
	height:					auto !important;
	margin-left:			50%;
	background-image:		url('images/background.jpg');
	left:					-496px;
	display:				block;
	overflow:				hidden;
}

#header {
	position:				relative;
	width:					972px;
	margin:					0px 0px 0px 9px;
	display:				block;
	overflow:				hidden;
}


#logo {
	position:				relative;
	float:					left;
	height:					88px;
	width:					292px;
	overflow:				hidden;
}

#logoimage {
	overflow:				hidden;
}

#logo .image {
	border:					none;
	padding:				0px 0px 0px 0px;
	margin:					0px 0px 0px 0px;
	height:					88px;
	width:					292px;
	overflow:				hidden;
}

#logotext {
	position:				absolute;
	z-index:				99;
	clear:					both;
	top:					70px;
	left:					8px;
	font-size:				13px;
	line-height:			15px;
	display:				block;
	overflow:				hidden;
}

#orangebar {
	position:				relative;
	float:					left;
	height:					25px;
	width:					680px;
	background-image:		        url('images/bar.jpg');
	overflow:				hidden;
}
	
#smallnav {
	position:				relative;
	float:					left;
	margin:					12px 0px 0px 0px;
	text-align:				left;
	width:					680px;
	height:					10px;
	line-height:			20px;
	z-index:				99;
	overflow:				hidden;
}

#smallnav ul {
	float:					right;
	list-style-type: 		none;
	height:					12px;
}

#smallnav ul li {
	float: 					left; 
	line-height:			10px;
	font-size:				12px;
	padding:				0px 10px 0px 0px;
	overflow:				hidden;
}

#smallnav A:link {
	text-decoration: 		none; 
	color: 					white;
}
#smallnav A:visited {
	text-decoration: 		none; 
	color: 					white;
}
#smallnav A:active {
	text-decoration: 		none; 
	color: 					white;
}
#smallnav A:hover {
	text-decoration: 		underline; 
	color: 					orange;
}

#navigation {
	position:				relative;
	float:					right;
	width:					665px;
	padding:				0px 0px 0px 0px;
	display:				inline;
	overflow:				hidden;
}

#nav {
	position: 				relative; 
	float: 					left;
	text-align:				right;
	margin:					38px 0px 0px 0px;
	height: 				25px; 
	width:					665px;
	bottom: 				0px;
	color: 					white; 
	font-size: 				12px;  
	letter-spacing: 		2px; 
	font-weight: 			bold;
	display: 				inline;
	line-height:			14px;
	overflow:				hidden;
}
	
#nav A:link {
	padding:				2px 3px;
	text-decoration: 		none; 
	color: 					white;
}
#nav A:visited {
	padding:				2px 3px;
	text-decoration: 		none; 
	color: 					white;
}
#nav A:active {
	padding:				2px 3px;
	text-decoration: 		none; 
	color: 					white;
}
#nav A:hover {
	padding:				2px 3px;
	text-decoration: 		none;
	color: 					white;
	background-color: 		orange;
}
	
#nav ul {
	float: 					right;
	list-style-type: 		none;
	height:					15px;
	overflow:				hidden;
}
	
#nav ul li {
	padding:				0px 3px;
	float: 					left;
	border-left: 			dashed 1px gray;	
	line-height:			15px;
}

#nav ul li a {

}

#header .callto {
	position:				relative;
	float:					left;
	font-size:				32pt;
	height:					63px;
	width:					600px;
	font-weight:			bolder;
	color:					white;
	line-height:			63px;
	margin:					0px 0px 0px 60px;
	padding:				0px 0px 0px 0px;
}

#header .bottomshadow {
	background-image:		url('images/headershadow.jpg'); 
	height:					10px; 
	width:					972px;
	line-height:			11px;
	font-size:				1px;
	clear:					both;
	overflow:				hidden;
}

#marquee {
	position: 				relative;
	display:				inline;
	float: 					left; 
	width: 					972px; 
	margin: 				0px 0px 0px 9px; 
	overflow:				none; 
	font-size: 				18pt; 
	font-weight: 			bold; 
	background-color: 		red; 
	color: 					white; 
}

#contents {
	position:				relative;
	display:				inline;
	float:					left; 
	width:					972px; 
	margin:					0px 0px 0px 9px; 
	overflow:				none;
	overflow:				hidden;
}

#topcontent {
	position:				relative;
	float:					left;
	margin:					0px; 
	padding:				0px;
	width:					970px;
	text-align:				justify;
	display:				inline;
	overflow:				hidden;
}

#contentleft {
	position:				relative;
	float:					left;
	width:					55%;
	display:				inline;
}

#contentright {
	position:				relative;
	float:					left;
	width:					515px;
	padding:				0px 0px 0px 0px;
	display:				inline;
}

#contents .bottomshadow {
	background-image:		url('images/headershadow.jpg'); 
	height:					10px; 
	width:					972px;
	line-height:			11px;
	font-size:				1px;
	clear:					both;
}

#footer {
	position:				relative;
	bottom:					0px;
	height:					88px;
	width:					972px;
	margin:					0px 0px 0px 9px;
	line-height:			0px;
	font-size:				0px;
	display:				block;
}

#footer #approvals {
	position:				relative; 
	float:					left; 
	height:					48px; 
	width:					375px; 
	line-height:			63px; 
	padding:				30px 0px 0px 0px;
}

#footer #approvals ul {
	list-style-type: 		none;
}


#footer #approvals ul li {
	float: 					left; 
	margin-left: 			0px;
	line-height: 			63px;
	height:					63px;
}

#footer #info {
	position: 				relative; 
	float: 					left; 
	width: 					275px;
	height:					34px;
	line-height:			20px;
	padding:				45px 0px 0px 0px;
	display:				block;
}

#footer #info .phonenumber {
	position: 				relative; 
	text-align:				center;
	font-size: 				18pt; 
	color: 					orange; 
	font-weight: 			bold; 
	padding: 				0px 0px 0px 0px;
}

#footer #info .cc {
	position: 				relative;  
	color: 					white; 
	font-size: 				10px;
	text-align:				center;
}

#footer .imagegrid {
	position:				relative; 
	float:					right; 
	width:					80px;
	height:					47px; 
	line-height:			47px; 
	padding:                40px 0px 0px 0px; 
	text-align:             right;
}

.bottomshadowcornerleft {
	position: 				relative; 
	float: 					left; 
	height:					11px; 
	width: 					11px; 
	background-image: 		url('images/bottomleftshadow.jpg'); 
	line-height: 			0px; 
	font-size: 				0px;
}

.bottomshadow {
	position:				relative;
	float:					left;
	background-image:		url('images/headershadow.jpg'); 
	height:					10px; 
	width:					970px;
	line-height:			11px;
	margin:					0px;
	padding:                0px;
	font-size:				1px;
	display:				inline;
	overflow:				hidden;
}

.noshadow {
	position:				relative;
	float:					left;
	height:					6px;
	width:					970px;
	line-height:			11px;
	margin:					0px;
	padding:                0px;
	font-size:				1px;
	display:				inline;
	overflow:				hidden;
}

.bottomshadowcornerright {
	position: 				relative; 
	float: 					left; 
	height:					11px; 
	width: 					11px; 
	background-image: 		url('images/bottomrightshadow.jpg'); 
	line-height: 			0px; 
	font-size: 				0px;
	display:				inline;
}

#carouselcontainer {
	position: 				relative;
	float:					left;
	width: 					436px; 
	height: 				344px; 
	background-color: 		#3d3d3d;	
	margin:					10px 0px 0px 78px;
	display:				inline;
}
	
.stepcarousel {
	position: 				relative; /*leave this value alone*/
	float:					left;
	overflow: 				hidden; /*leave this value alone*/
	width: 					432px; /*make 2px-4px smaller than carouselcontainer so the right side doesn't show a hidden panel*/
	height: 				344px; /*Height should enough to fit largest content's height*/
	background-image: 		url ('images/bgimage.gif');
}
	
	
.stepcarousel .superbelt {
	position: 				relative; /*leave this value alone*/
	left: 					0px;
	top: 					0px;
}
	
.stepcarousel .superpanel {
	color: 					#ECECEC;
	text-align: 			justify;
	font-size: 				14px;
	text-align:				newspaper;
	float: 					left; /*leave this value alone*/
	overflow: 				hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 				0px; /*margin around each panel*/
	width: 					212px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:					312px;
	}
	
.superpaneldivcontents {
	background-color:		#383637;
	width: 					202px; /*superpanel div -6 pixels (for 12 wide spacing between) and -4 pixels for inside-padding*/
	height:					300px; /*superpanel div -12 pixels to compensate for margin top*/
	margin:	            	12px 0px 0px 12px;
	overflow: 				hidden;
}
	
p.samplebuttons {
	width: 					456px;
	text-align: 			center;
}
	
p.samplebuttons a {
	color: 					#2e6ab1;
	padding: 				1px 2px;
	margin-right: 			3px;
	text-decoration: 		none;
}
	
.boogers {
	font-style:				normal;
	font-family:			Arial, Helvetica, sans-serif;
	letter-spacing:			.2px;
	line-height:			12px;
	font-size:				12px;
}

#salesbanner {
	position:				relative;
	display:				block; 
	padding:				0px;
	margin:					0px 0px 0px 7px;
	width:					515px; 
	height:					105px;
	overflow:				hidden;
}

#salesbanner a {
	display:				block;
	padding:				0px;
	margin:					0px;
	background:				url('images/salebanner.jpg') no-repeat;
	background-position:	0px 0px;
	width:					515px; 
	height:					105px;
}

#salesbanner a:hover {
	display:				block; 
	padding:				0px;
	margin:					0px;
	background-position:	-512px 0px;
	overflow:				hidden;
}

/* Printmaterials is used to define the UL table for pdfs in the reseller pages */
  
#printmaterials {
	display:				block;
	position: 				relative;
	width:					448px;
	float:					left;
	border:					solid 1px white;
	border-collapse:		collapse;
	margin:					1px;
}
 
#printmaterials ul {
	display:				block;
	list-style:				none;
	line-height:			30px;
	margin:					0px;
}

#printmaterials ul .listheader {
	display:				block;
	color:					white;
	font-weight:			bold;
	text-align:				center;
	font-size:				14pt;
	line-height:			30px;
	border-bottom:			double 3px white;
	
}

#printmaterials ul li {
	display:				block;
	padding:				0px 0px 0px 0px;
	margin:					0px 0px 0px 0px;
	line-height:			30px;
	height:					30px;
	margin:					1px;
}

#printmaterials ul li div {
	position:				relative;
	float:					left;
	line-height:			30px;
	height:					30px;
	display:				inline;
}

#printmaterials ul li a {
	display:				block;
	color:					white;
	
}

#printmaterials .tool {
	display:				block;
	border-bottom:			solid 1px white;
	width:					448px;
}

#printmaterials img {
	display:				block;
	height:					30px; 
	width:					30px; 
	border:					none;
}

#printmaterials .icon {
	width:					30px;
	height: 				30px;
	display:				block;
}

#printmaterials .toolname {
	height: 				30px;
	color:					white;
	display:				block;
}

#printmaterials .note {
	display:				block;
	position:				relative;
	color:					white;
	padding:				5px 5px 5px 5px;
	font-weight:			bold;
	font-size:				10pt;
	line-height:			15px;
	text-align:				justify;
}

#printmaterials .bignote {
	display:				block;
	position:				relative;
	color:					white;
	padding:				5px 5px 5px 5px;
	font-weight:			bold;
	font-size:				24px;
	line-height:			28px;
	text-align:				center;
}

/* Drawer and Toolbox create the toolbox and its drawers on the Reseller Pages - WHO KNEW? */

#drawer {
	position:				relative;
	background-image:		url('images/drawer-bg.jpg');
	background-repeat:		repeat-x;
	height:					50px;
	width:					440px;
	padding:				0px 0px 12px 0px;
	margin:					0px;
}

#drawercontents {
	
}

#drawercontents a {
	display:				block;
	position:				relative;
	font:					Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				24px;
	line-height:			25px;
	text-align:				center;
	color:					#CCCCCC;
	background:				none;
	margin:					0px;
	padding:				20px 0px 0px 0px;
	text-decoration:		none;
}

#toolboxheadline {
	position:				relative;
	float:					left;
	margin:					0px; 
	padding:				0px;
	width:					970px;
	height:					54px;
	text-align:				center;
	font-size:				36px;
	font-weight:			bold;
	display:				inline;
	color:					white;
}

#toolboxheadline div a {
	color:					orange;
}

#ToolboxAjax {
	padding:				10px;
}

#ToolboxAjaxContent {
}

#toolboxbody {
	position:				relative;
	background-image:		url('images/toolboxbgcolor.gif');
	width:					472px;
	padding:				0px;
	margin:					0px;
}

#toolboxbodyinside {
	position:				relative;
	background-image:		url('images/toolboxbgcolor.gif');
	padding:				10px 0px 2px 15px;
	margin:					0px;
}

#toolboxmain {
	position:				relative;
	width:					472px;
	padding:				0px;
	margin:					10px 0px 10px 10px;
}

#toolboxtop {
	position:				relative;
	background-image:		url('images/toolboxtop.gif');
	background-repeat:		no-repeat;
	height:					120px;
	width:					472px;
	padding:				0px;
	margin:					0px;
}

/* bottomcontent is used to define the style of the Reseller "form" that sends emails */

#bottomcontent {
	position:				relative;
	float:					left;
	margin:					0px 0px 0px 0px;
	padding:				7px 7px 7px 7px;
	width:					434px;
	display:				block;
}

#bottomcontent #contact {
	position:				relative;
	float:					left;
	border:					none;
	display:				inline;
}

#bottomcontent #contact .contactinfoblurb {
	position:				relative;
	float:					left;
	color:					white;
	text-align:				justify;
	padding:				7px 7px 7px 7px;
	border-bottom:			none;
	display:				inline;
}

#bottomcontent #contact #theform {
	position:				relative;
	float:					left;
	margin:					10px 0px 0px 0px;
	padding:				0px 0px 10px 0px;
	display:				inline;
}

#bottomcontent #contact form {
	position:				relative;
	float:					left;
	margin:					0px 0px 0px 0px;
	display:				inline;
}

#bottomcontent #contact table {
	position:				relative;
	float:					left;
	border:					solid 1px white;
	color:					white;
	margin:					0px 0px 0px 0px;
	display:				inline;
	width:					432px;
}

#TableLeftText {
	width:					134px;
	height:					16px;
}

#ResellerFormTextInput input {
	width:					282px;
	height:					16px;
}

#ResellerFormTextArea textarea {
	width:					422px;
	height:					100px;
}

#ResellerFormSubmit input {
	width:					60px;
	height:					24px;
}

#bottomcontent #contact table .tableheader {
	text-align:				center;
	font-weight:			bold;
	font-size:				16pt;
	border-bottom:			double 5px white;
}

#mainphonenumbertext {
	position:				absolute;
	text-align:				left;
	z-index:				99;
	top:					11px;
	left:					426px;
	font-size:				12px;
	line-height:			14px;
	font-weight:			normal;
	display:				block;
	color:					white;
	overflow:				hidden;
}

#mainphonenumber {
	position:				absolute;
	text-align:				left;
	z-index:				99;
	top:					22px;
	left:					411px;
	font-size:				30px;
	line-height:			32px;
	font-weight:			bold;
	display:				block;
	color:					orange;
	overflow:				hidden;
}

/* dockContainer was originally used to define the style of the dock script that was used on parts and service - now it just defines the images there */

#dockContainer {
	display:				table;
	margin:					0px auto;
	text-align:				center;    /* fixes IE bug */
}

#dockContainer > div {
	display:				inline-block; /* fixes IE bug */
}

#dockContainer > div {
	display:				inline;       /* fixes IE bug */
}

#dockContainer > div {
	display:				table-cell;
	text-align:				left;
	background:				repeat-x 0px 74px;
	border-bottom:			none;
}

#dockContainer > div > div {
	background:				no-repeat right 74px;
}

#dockContainer > div > div > div {
	background:				no-repeat left 74px;
	height:					98px;
	overflow:				hidden;
	padding:				0px 18px;
}

.manualimages {
	border:					none;
	right:					0px;
	top:					0px;
	width:					70px;
	height:					70px;
	padding:				2px;
	background-color:		none;
}

.PartsDownloadInfoText {
	color:					#FF0000;
}



/* WORDPRESS ONLY STYLES BELOW */
/* WORDPRESS ONLY STYLES BELOW */
/* WORDPRESS ONLY STYLES BELOW */

/* Thumbnail General Class = wp-post-image */

.wp-post-image {

}

.widget_search {
margin: 0px 0px 10px 0px;
}

#searchform #s {
padding: 0px;
margin: 10px 0px 5px 0px;
width: 300px;
}

#sidebar #searchform #s {
padding: 0px;
margin: 0px 0px 0px 4px;
width: 200px;
}

#sidebar #searchform input {
color:#000000;
}


/* Thumbnail For Excerpts = tfe - is the class for thumbnail for excerpts */

.post {
color: #FFFFFF;
}

.entry #video, .entry-content #video, #Mediacontentleft #video {
text-align: center;
padding: 10px;
margin: 2px 0px 10px 0px;
}

.entry p, .entry p p, .entry-content p, .entry-content p p {
padding: 10px;
}

#Mediacontentleft {
	position:			relative;
	float:				left;
	width:				640px;
	padding:				4px 10px 0px 10px;
	display:				inline;
        overflow: hidden;
}

#Mediacontentright {
	position:			relative;
	float:				left;
	width:				290px;
	padding:				4px 10px 0px 0px;
	display:				inline;
        overflow: hidden;
}

#Mediacontentleft .post {
background-color: #333333;
padding: 10px;
margin: 0px 0px 10px 0px;
}

#Mediacontentleft .widgettitle, #Mediacontentleft .widgettitle h2 {
font-size:8px;
line-height:8px;
visibility: hidden;
}

#sidebar {
clear: none;
color: #FFFFFF;
display: block;
background-color: #333333;
float: left;
width: 280px;
padding: 10px 10px 4px 10px;
margin: 0px;
overflow:hidden;
}

#sidebar .tfe {
     height: 50px;
     width:  80px;
position:relative;
float:left;
overflow:hidden;
}

.byline {
display:none;
}

.entry-meta {
display:none;
}

#sidebar {
overflow: hidden;
}

#sidebar .post {
position:relative;
overflow: hidden;
height: 66px;
margin: 0px 0px 8px 0px;
padding: 10px;
border: 1px solid #000000;
background: #231F20;
clear:both;
width: 258px;
}

#sidebar .entry-summary {

float:left;
overflow:hidden;

padding: 4px 0px;
}

#sidebar .entry-summary img {
position:relative;
float:left;
overflow:hidden;
padding: 1px;
}

#sidebar .wp-post-image {
position:relative;
float:left;
overflow:hidden;
padding: 4px 4px 4px 0;
height: 50px;
position: relative;
width: 80px;
}

#sidebar .entry-summary p {
position:relative;
float:left;
height: 50px;
padding: 0px 0px 0px 4px;
overflow: hidden;
clear:none;
width: 163px;
}

#sidebar ul, #sidebar li, #sidebar ul li {
list-style-type: none;
overflow: hidden;
padding: 0px;
}

#sidebar h2, #sidebar a {
text-decoration: none;
line-height:19px;
font-size:18px;
overflow: hidden;
padding: 3px 0px;
margin: 0px 0px 0px 0px;
}

#sidebar .post h2, #sidebar .post a {
clear:left;
text-decoration: none;
line-height:14px;
font-size:14px;
overflow: hidden;
padding: 0px;
float:left;
}

#sidebar p {
text-decoration: none;
line-height:14px;
font-size:14px;
overflow: hidden;
padding: 0px;
}

#sidebar-body {
overflow:hidden;
}

.widgettitle {
list-style-type: none;
text-decoration: none;
color: #FFFFFF;
}

ul, li, ul li {
list-style-type: none;
text-decoration: none;
color: #FFFFFF;
}

.hideme {
display: none
}

/* small piece to remove images from sidebar excerpts where we don't want them and stretch the width to fill the images old space */
#sidebar .category-news img {
display:none;
}

#sidebar .category-news .entry-summary p {
width: 250px;
}
/* end small piece to remove sidebar images from excerpts where we don't want them */


span.wpcf7-list-item {
display: block;
}

.your-email input, .your-phone input, .your-company input, .your-shipping-address input, .your-city input, .your-state input, .your-zipcode input, .contact-first-name input, .contact-last-name input, .contact-your-title input, .contact-company-name input, .contact-your-phone input, .contact-your-email input  {
width:220px;
border:none;
height:16px;
padding:1px;
}

.your-first-name input{
width:107px;
margin:0 4px 0 0;
border:none;
height:16px;
padding:1px;
}

.your-last-name input{
width:107px;
margin:0;
border:none;
height:16px;
padding:1px;
}


.your-phone1 input{
width:41px;
margin:0 4px 0 0;
border:none;
height:16px;
padding:1px;
}

.your-phone2 input{
width:41px;
margin:0 4px 0 0;
border:none;
height:16px;
padding:1px;
}

.your-phone3 input{
width:41px;
margin:0 4px 0 0;
border:none;
height:16px;
padding:1px;
}

.your-ext input{
width:41px;
margin:0;
border:none;
height:16px;
padding:1px;
}

.how-did-you-hear-about-us-textbox input{
width:265px;
clear:left;
display:block;
border:none;
height:16px;
padding:1px;
}

.contact-comments textarea {
margin: 0;
border:none;
height:206px;
padding:1px;
resize: none;
}

.your-offer textarea {
margin: 0;
width: 300px;
border:none;
height:206px;
padding:1px;
resize: none;
}

.submitbutton {
margin: 0;
padding: 0;
height: 30px;
width: 250px;
}

.wpcf7-response-output {
width: 94% !important;
background: black;
clear: none;
display: block;
float: left;
margin: 1% !important;
text-align: center;
}

span.wpcf7-not-valid-tip  {
left:0px !important;
top:0px !important;
width:99% !important;
height:80% !important;
color:black !important;
overflow: hidden !important;
}

span.how-did-you-hear-about-us-texbox span.wpcf7-not-valid-tip {
margin-left:20px !important;
left:0px; !important;
top:0px !important;
width:254px !important;
color:black !important;
}

span.your-offer span.wpcf7-not-valid-tip {
margin-top:-193px !important;
left:0px; !important;
top:0px !important;
height: 206px !important;
width:300px !important;
color:black !important;
}

span.wpcf7-form-control-wrap {
display: block !important;
float: left !important;
}