/*********************************************************************************************************/
/*********************************************************************************************************/
/*
/*	CONTENT STYLES
/*
/*********************************************************************************************************/
/*********************************************************************************************************/

/*-------------------------------------------------------------------------------------------------------*/
/*	Body structure elements
/*-------------------------------------------------------------------------------------------------------*/
body,body.nobg
{
	margin:				0px;
	padding:			0px;
    background-image:   url(/images/skinny_bg.gif);
    background-repeat:  repeat-x;
    background-color:  #FCFCFA;

	color:				#646464;
	font-family:		verdana,arial,sans serif;
	
}

/*	Eliminate background image	*/
body.nobg
{
	background-image:	none;
}

#center-x
{
	margin-left:		auto;
	margin-right:		auto;
	width:				950px;
	position:			relative;
}


#container-1
{

}


#container-2
{

	padding:			23px 22px 0 24px;
}

#right-shadow
{
	background-image:	url('/images/border-right.png') ;
	background-repeat:	repeat-y ;
	background-position:right;
	position:			relative;
}

#body-container
{


}

/*-------------------------------------------------------------------------------------------------------*/
/*	Column structure
/*-------------------------------------------------------------------------------------------------------*/
table#home
{
	margin:				0 ;
	width:				897px;
	padding:			0px;
	background-color:	white;
	border-top:			3px solid white;
	border-left:		10px solid white;
	border-right:		none;
	border-bottom:		10px solid white;
}

#right-column
{
	vertical-align:		top;
	/*background-color:	#d3cebd;*/
	background:			url('/images/right-bg.jpg') repeat-y;
	width:				150px;
	padding:			30px 18px 10px;
}

.left-sidebar,
td#side,
td#side-about,
td#side-products,
td#side-service,
td#side-dealers,
td#side-dealerslocate
{
	background-repeat:	no-repeat;
	vertical-align:		top;
	padding:			25px 0px 0px;
	width:				176px !important;
	background-color:	white;
}
/*---------------------------------------------------------------
// bottom left images 
----------------------------------------------------------------*/
.bottom-left-image
{
	height:				125px !important;
	width:				176px !important;
	border-top:			2px solid white;
}

#bottom-side-about div.bottom-left-image
{
	background:			url('/images/bottom-side-about.jpg') no-repeat;
}

#bottom-side-products div.bottom-left-image
{
	background:			url('/images/bottom-side-about.jpg') no-repeat;
}

td#bottom-side-service
{
    height:             125px;
}

#bottom-side-service div.bottom-left-image
{
	background:			url('/images/bottom-left-customer.jpg') no-repeat;
}

#bottom-side-servicefaq div.bottom-left-image
{
	background:			url('/images/bottom-left-faq.jpg') no-repeat;
}

#bottom-side-dealers div.bottom-left-image
{
	background:			url('/images/bottom-left-dealer.jpg') no-repeat;
}


#bottom-side-about,
td#side-about
{
	background-color:	#c15017;
}
#bottom-side-contact,
#bottom-side-products,
#bottom-side-about
{
	border:				none;

}

#side-servicefaq,
#bottom-side-products,
td#side-products
{
	/*background-image:	url( /images/bg_side_products.jpg );*/
	background-color:	#929700;

}


td#side-dealers,
td#side-dealerslocate
{
	/*background-image:	url( /images/bg_side_dealers.jpg );*/
	background-color:	#c15017;

}

.top-left-sidebar-content
{
	padding:			0 0 20px 0px !important;;
	color:				white !important;
}
td#main
{
	width:				auto;
	vertical-align:		top;
	padding:			0px;
}

#logo
{
	position:			absolute;
	top:				60px;
	left:				-8px;
	z-index:			500;
}

#logo_image
{
	z-index:			500;

}
#header
{
	position: relative;
	display:			block;
	width:				877px;
	/*padding-top:		156px;*/
	height:				155px;
	padding: 30px 10px 0px 10px;

	background: #fff url('/images/header-about.jpg') no-repeat 10px 30px;
	z-index:			10;
}

#social-media
{
	position: absolute;
	top: 7px;
	right: 23px;
}

.dealer
{
	z-index:			500;
	width:				161px;
	font-family:		arial,sana serif;
	font-size:			12px;
	color:				white;
	font-weight:		bold;
	background-color:	#61361d;
	
	padding:			19px  0 0 15px;
	height:				136px;
}

#header .dealer
{
	position:			relative;
	float:				right;

}

#content .dealer
{
	background-color:	white;
	color:				#646464;
	height:				auto;
	width:				auto;
	padding:			0 0 25px;

}

#header .video-player-container
{
	float:				right;
	margin-right:		2px;
	width:				178px !important;
}



.dealer .zip
{
	display:			block;
	background-image:	url( /images/mydealer.jpg );
	background-repeat:	no-repeat;
	padding:			14px 5px 10px 0px;
}

.dealer a,
#dealertable
{
	line-height:		1.25em;
	font-weight:		bold;
	color:				white;
	display:			block;
}

.dealer a:hover,
#dealertable:hover
{
	color:				#C15017;
}

#content .dealer a
{ 
	color:				#646464;
}

#dealertable
{
	display:			block;
	font-size:1em;
}

.dealer a.locate
{
	margin-top:			2px;
}

.dealer form
{
	margin:				0px;
}

.dealer input.text
{
	width:				109px !important;
	font-size:			11px!important;
}

/* dealer image */
img#dealerinfo
{
	float:				left;
	margin:				0px 10px 0px 0px;
	border:				1px solid rgb(153,136,85);
}

/* dealer no logo spacer */
img#dealer-nologo
{
	border:				1px solid rgb(238,221,187);
}

.dealer input.text
{
	float:				left;
	width:				87px;
	font-family:		verdana,arial,sans serif;
	font-size:			0.7em;
	background-color:	white;
	color:				black;
	border-left:		2px solid #979797;
	border-top:			2px solid #979797;
	border-right:		1px solid #fbfbfb;
	border-bottom:		1px solid #fbfbfb;
}

#sidenav
{
	width:				155px;
	padding:			0px 0 13px 13px;
	font-family:		arial,sans serif;
	font-size:			0.70em;
}

#content
{
	display:			block;
	margin:				0px 20px 56px 58px; 
	width:				auto;
	padding:			0px;

	min-height:			467px;
	height:				auto !important;
	height:				467px;


}

#footer-container
{
    /*
	background-image:	url('/images/site-footer-bg-small.jpg');
	background-repeat:	repeat-y;
    */
	margin:				0px 0px 40px 0px;
	clear:				both;
	padding:			5px 24px 13px;

}
#footer
{
    /*
	padding:			10px 0px 0 0;
    */
	line-height:		1.5em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.62em;
	color:				rgb(153,153,153);
	height:				95px;
    background-color:   transparent;
    /*
	background-image:	url('/images/site-footer-bg.jpg');
	background-repeat:	no-repeat;
    */
	

}


/*-------------------------------------------------------------------------------------------------------*/
/*	Miscellaneous
/*-------------------------------------------------------------------------------------------------------*/
/*	Used so that non-CSS browsers deliniate footer block from body content	*/
hr
{
	display:			none;
}

/* Used so that the the formatter doesn't turn the site to shit */
p
{
	margin:				0px;
}

/*	Hidden elements	*/
.hdn
{
	display:			none;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Footer styles
/*-------------------------------------------------------------------------------------------------------*/
#footer p
{
	padding-top:		5px;
}

#footer a
{
	padding:			0px 0px;
	white-space:		nowrap;
	font-weight:		normal;
	text-decoration:	none;
	color:				rgb(153,153,153);
}

#footer a.active
{
	padding:			0px 0px;

	text-decoration:	none;
	color:				green;
}

#footer img
{
}

/*	used for the dividing line | between nav items	*/
.divider
{
	padding:			0em 1em;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Standard body styles
/*-------------------------------------------------------------------------------------------------------*/
h1
{
	margin:				20px 0px 0px 0px;
	padding:			0.5em 0em;

	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			1.05em;
	color:				rgb(193,80,23);
}

h1 a,
h1 a:hover
{
	text-decoration:	none;
	color:				rgb(193,80,23);
}

h2
{
	margin:				0em;
	padding:			0.5em 0em 0em 0em;
	line-height:		30px;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			13px;
	color:				#646464;
}

.left-sidebar h2
{
	color:				white;
	padding:			0px;
	color:				white;
	line-height:		18px;		
}

.left-sidebar h2
{
	width:				auto;
}

h2 a
{
	/*color:				#646464;*/
}

h3
{
	margin:				1.7em 0em 0em 0em;
	line-height:		1.7em;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			0.70em;
	color:				black;
}

/*	Same properties except different line-height	*/

.bodytext,
.bodytext2
{
	margin:				0em 0em 1.7em 0px;
	padding:			0px;
	line-height:		1.3em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.70em;
	color:				#646464;
}

.bodytext2
{
	line-height:		1.4em;
	margin-bottom:		1.3em;
}

.left-sidebar-content
{
	color:				white;
	padding:			10px;
	font-family:		Georgia,'Times New Roman',Times,serif;
	font-style:			italic;
	font-size:			13px;
	font-weight:		normal;
}


a
{
	text-decoration:	none;
	font-weight:		normal;
	color:				#015533 ;
}
.sitelevel1 a
{
	color:					#646464;

}
a:visited
{
	color:				#929700;
}
a:hover
{
	color:				#113e2c;
}



blockquote
{
	margin:				1em 3em;
	border-top:			1px solid rgb(221,204,204);
	border-bottom:		1px solid rgb(221,204,204);
	padding:			0.5em 0em;
	font-family:		times new roman,times;
	font-size:			1.15em;
	font-style:			italic;
	line-height:		1.4em;
	color:				rgb(153,51,51);
}

.red
{
	color: red;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Image positioning ( image only )
/*-------------------------------------------------------------------------------------------------------*/
img.right
{
	float:				right;
	margin:				0px 0px 20px 20px;
}

img.left
{
	float:				left;
	margin:				0px 20px 20px 0px;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Image positioning with caption block
/*-------------------------------------------------------------------------------------------------------*/
.caption-left,.caption-right
{
	border-top:			1px solid rgb(221,204,204);
	border-bottom:		1px solid rgb(221,204,204);
	width:				200px;
	padding:			5px 0px;

	line-height:		1.3em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.65em;
}

.caption-left
{
	float:				left;
	margin:				0px 20px 20px 0px;
}

.caption-right
{
	float:				right;
	margin:				0px 0px 20px 20px;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Table data
/*-------------------------------------------------------------------------------------------------------*/
table.data
{
	border:				1px solid rgb(204,204,204);
}

th.thead
{
	background-color:	#004433;
	vertical-align:		bottom;
	text-align:			left;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			15px;
	color:				white;
	padding:			0.25em 0.5em;
}

td.tdata
{
	/*background-color:	white;*/
	padding:			0.25em 0.5em;
	border-bottom:		1px solid rgb(204,204,204);
	vertical-align:		top;
	text-align:			left;
	font-family:		verdana,arial,sans serif;
	font-size:			12px;
	color:				white;
}

td.tdata a
{
		color:			#EEDDBB;
}
td.tdata a:hover
{
		color:			white;
}

/*********************************************************************************************************/
/*********************************************************************************************************/
/*
/*	MENUS & NAVIGATION
/*
/*********************************************************************************************************/
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Container blocks for nav sets
/*-------------------------------------------------------------------------------------------------------*/
#topnav
{
	white-space:		nowrap;
	width:				auto;
	background-color:	white;
	width:				897px;
}

#n
{
	background:	url('/images/menu-bg.jpg');
	white-space:		nowrap;
	width:				875px;		/*	adjust to fit width of main menu items	*/
	height:				24px;
	border:				1px solid #b6b5b5;
	margin-left:		10px;

}

#topnav p
{
	float:				left;
	display:			inline;
}

#topnav p a
{
	float:				left;
	display:			block;
	margin:				0px;
	border-right:		1px solid #b6b5b5;
}
#topnav p a:hover,
#topnav p a.active
{
	background:			url('/images/n_hover.jpg') repeat-x;
}


#globals
{

	position:			absolute;
	top:				71px;
	left:				374px;
	z-index:			10;

	width:				185px;
	height:				30px;
	white-space:		nowrap;
	font-family:		verdana;
	font-size:			11px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	DHTML menu styles
/*-------------------------------------------------------------------------------------------------------*/
ul.menublock,
ul.submenublock,
ul.dealermenu,
ul.productsmenu
{
	/*	Do not modify	----------------------------*/
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	margin:				0px;
	padding:			0px;
	list-style-type:	none;

	/*	Customizeable options	--------------------*/
	width:				185px;
	border-top:			1px solid #b6b5b5;
	/*background-image:   url(/images/menu_bg_95.png);*/
	
}

ul.customerservicemenu
{
    width:              280px;
	background-color:	#e8e8e8;
}

ul.aboutmenu
{
    width:              230px;
	background-color:	#e8e8e8;
}

ul.dealermenu
{
	width:				426px;
	height:				600px;
	background-color:	none;
}
ul.productsmenu
{
	width:				230px;
	background-color:	#e8e8e8;
}
ul.productsmenu ul
{
	width:				230px;
}

ul.submenublock
{
	/*border-top:			4px solid rgb(119,102,51);
	border-bottom:		6px solid rgb(119,102,51);*/
	background-color:	rgb(119,102,51);

}

/*	Do not modify	*/
ul.menublock li,
ul.submenublock li,
ul.dealermenu li,
ul.productsmenu li,
{
	display:			inline;
}

ul.menublock a,
ul.submenublock a,
ul.dealermenu a,
ul.productsmenu a
{
	display:			block;
	width:				auto;
	height:				25px;
	padding:			0px 12px;
	line-height:		25px;
	white-space:		nowrap;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			10px;
	text-decoration:	none;
	color:				rgb(238,221,187);
}

ul.dealermenu li a
{
	width:				126px;
	background-color:	#e8e8e8;
}

ul.dealermenu li .submenublock a
{
	background-color:	rgb(119,102,51);;
}

ul.submenublock a
{
	line-height:		20px;
	height:				20px;
}

.menublock a:hover,
.submenublock a:hover,
.dealermenu a:hover,
.productsmenu a:hover
{
	color:				white;
}

/*	Makes arrow indicator for links with submenu	*/
/*
a.showsub,a.showsub:hover
{
	background-image:	url( /images/arrow0.gif );
	background-position:center right;
	background-repeat:	no-repeat;
}
*/
/*	Change color on mouseover	*/
/*a.showsub:hover
{
	background-image:	url( /images/arrow1.gif );
}

.dealermenu a.showsub,
.dealermenu a.showsub:hover,
.productsmenu a.showsub,
.productsmenu a.showsub:hover
{
	background-image:	url( /images/leftarrow0.gif );
	background-position:center left;
}
.dealermenu a.showsub:hover,
.productsmenu a.showsub:hover
{
	background-image:	url( /images/leftarrow1.gif );
}
*/
/*-------------------------------------------------------------------------------------------------------*/
/*	Sidenav styles
/*-------------------------------------------------------------------------------------------------------*/
#sidenav ul
{
	margin:				0px;
	padding:			0px;
	list-style-type:	none;
}
#sidenav li
{
	display:			inline;
}

#sidenav ul.sub
{
	padding-left:		10px;
	
}


#sidenav ul.sub li a
{
	/*background:	url('/images/disc.gif') no-repeat  left center ;*/
}


#sidenav a.top
{
	display:			block;
	padding:			0.6em 0em 0.7em;
	font-weight:		bold;
	text-decoration:	none;
	color:				#c0e278;
}

#sidenav a
{
	display:			block;
	padding:			0.6em 0em 0.7em;
	font-weight:		normal;
	text-decoration:	none;
	color:				white;
}

#sidenav a.active,
#sidenav a:hover,
#sidenav a.sub:hover
{
	color:				#c0e278;
}

#sidenav a.sub
{
	display:			block;
	margin-left:		3px;
	padding:			0em 0em 0.5em;
	text-decoration:	none;
	color:				white;
}


#sidenav a.sub-active
{
	display:			block;
	margin-left:		3px;
	padding:			0em 0em 0.5em;
	text-decoration:	none;
	color:				#c0e278;
}

.sidebar
{
	float:				right;
	padding:			0px;
	margin:				0 0 15px 15px;
}

.sidebarText
{
	padding-top:		10px;
}

.aditem td
{
	line-height:		1.3em;
	font-family:		verdana,arial,sans serif;
	font-size:			0.70em;
	color:				black;
	padding:			0 15px 15px 0;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Google stats box
/*-------------------------------------------------------------------------------------------------------*/
.google-stats-box, .google-stats-box-max, .google-stats-box-mini
{
	background:			white;
	border:				1px solid red;
	z-index:			1000;
	display:			block;
	width:				auto;
	font-size:			10px;
	font-family:		verdana,arial,sans serif;
	line-height:		16px;
	height:				16px;
	font-weight:		normal;
}

.google-stats-box-max
{
	position:			absolute;
	top:				10px;
	left:				927px;
	width:				220px;
}

.google-stats-box-mini
{
	width:				auto;
	display:			inline;
	line-height:		16px;
	margin-left:		2px;
	margin-right:		2px;
/*	float:				left;
	clear:				right; */
}

.google-stats-box-table
{
	display:			none;
	font-size:			10px;
}

/*==========================================
// dealer page 
//==========================================*/
#sidebar2
{	
	float:				right;
	width:				170px;
	padding-top:		10px;
	margin:				14px 0px 15px 15px;
	border:				1px solid rgb(187,170,119);
	text-align:			left;
	line-height:		1.5em;
	font-family:		verdana,sans serif;
	font-size:			0.65em;
	color:				rgb(153,136,85);
}
#sidebar2 ul
{
	padding:			0px 20px 20px 20px;
	margin:				0px;
	list-style:			none;
	line-height:		1.5em;
}
#sidebar2 ul li
{
	margin-top:			10px;
	padding:			0px;

}
#sidebar2 ul li a
{
	padding:			0px;
	margin:				0px;
	padding:			0px;
	color:				#eeaa44;
	font-family:		verdana,sans serif;
	font-weight:		bold;
}
#sidebar2 a:link, #sidebar2 a:visited
{
	font-size:			1.0em;
	color:				#BB761D;
	text-decoration:	none;
	padding:			0px;
	margin:				0px;
}
#sidebar2 a:hover, #sidebar2 a:active
{
	color:				#DE9A47;
	text-decoration:	none;
	padding:			0px;
	margin:				0px;
}


.sbtitle
{
	padding:			0px 20px;
	font-size:			1.2em;
	color:				#BB761D;
	font-family:		verdana,sans serif;
	font-weight:		bold;
}

.sbcontent
{
	padding:			0px 20px;
}

#dealer_title
{
	position:			absolute;
	top:				10px;
	left:				340px;
	font-family:		Arial,Helvetica,sans-serif !important;
	font-weight:		bold;
	font-size:			19px !important;
	z-index:			10;
	width:360px;
}

/*=================================================================
// dhtml menu color changes by section
//==================================================================*/
.aboutmenu a,
.dealermenu a
{
	color:				#c15017 !important;
}

.productsmenu a,
.faqmenu a
{
	color:				#929700 !important;
}

.customerservicemenu a,
.contactmenu a
{
	color:				#61361d !important;
}

table.boxes
{
	border:				1px solid #cad0ba;
	width:				467px;
	background:			#f2f9e3;
	margin-bottom:		17px;
}
table.boxes td
{
	width:				50%;
	vertical-align:		top;
}

table.boxes .bodytext
{

}

#topnav #findtext
{
	width:				70px;
	line-height:		14px;
	height:				19px;
	font-size:			11px;
	padding:			0;
	margin:				2px 0 0;
}

.menublock
{
	top:				233px !important;
}

/* Formatter Styles Dropdown picker*/
.green_title
{
	color:				#015533;
    font-weight:        bold;
}

.brown_title
{
	color:				#61361d;
}

.light_green_title
{
	color:				#929700;
}

.orange_title
{
	color:				#c15017;
}

.georgia_font
{
	color:				#c15017;
	font-family:		Georgia,'Times New Roman',Times,serif;
	font-style:			italic;
}

.product_table td
{
	vertical-align:		top;
	padding-bottom:		15px;
	color:#646464;
	font-size:11px;
}

.gray_title,
.gray_title a
{
	color:				#646464;
	font-size:			12px;
	line-height:		19px;
	font-weight:		bold;
}
a img 
{
    border:none;
}

#bottom_left_flash
{
	background-color:	white;
	padding:			0;
	margin:				0px;
	border-top:			4px solid white;
	border-bottom:		2px solid white;
}

table.videos td
{
	width:				318px;
	vertical-align:		top;
	padding-bottom:		13px;
}

table.videos td img
{
	padding-bottom:		4px;

}

#sidenav .welcome
{
	padding-top:		0;
	line-height:		20px;
}

.loginform input.textbox
{
	width:				145px;
}

table.three-column
{
	width:				660px; /*632px;*/
	margin-left:		-15px;
}

table.three-column td
{
	vertical-align:		top;
	width:				33%;
}
#dealer-order table
{
	width:				100%;
	background:			#ddd;
}
#dealer-order table th,
#dealer-order table td
{
	padding:			6px;
	vertical-align:		top;
	font-size:			12px;;
	background:			white;
	text-align:			left;
}
#dealer-order table .qty
{
	width:				60px;
}
#dealer-order .sys_kits_attr td,
#dealer-order .sys_kits_attr input
{
	background:#eee;
}
#dealer-order .prod_name
{
	color:#000;
}
#dealer-order .pricelist
{
	display:			block;
	float:				right;
	text-align:			center;
	padding:			5px;
	margin-bottom:		10px;
	color:				rgb(80,79,72);
}
#dealer-order .pricelist:hover
{
}