body {
 	background: url("images/background.jpg") repeat #030303;
 	margin: 60px 0px 0px 0px;
 	font-family: arial;
 	color: #fff;
}

h1, h2, h3, h4, ul {
	margin: 0px;
	padding: 0px;
}

ul {
	list-style-type: none;
}

img {
	border: 0px;
}

a {
	color: #a39db8;
}

a:hover {
	color: #cfc9e9;
}

#wrapper {
	margin: 0px auto 0px auto;
	background: url("images/fauxbg.png") repeat-y;
	width: 968px;
}

#header h1 span {
	display: none;
}

#header h1 {
	width: 950px;
	height: 135px;
	background: url("images/logo.jpg") no-repeat top left;
	margin: 0px auto 0px auto;
}

#dealerlogo {
	background: url("images/logo-dealer.jpg") no-repeat top left !important;
}

#header ul {
	width: 950px;
	list-style-type: none;
	background: url("images/menubg.gif") repeat-x right top;
	height: 42px;
	margin: 0px auto 0px auto;
}

#dealernavul {
	background: url("images/dealernavbg.gif") repeat-x right top !important;
}

#header ul li {
	height: 42px;
	display: block;
	float: left;
}

#header ul li span {
	display: block; 
	float: left;
	height: 42px;
}

#header ul li span a {
	display: block;
	height: 42px;
}

#header ul li a span {
	display: none;
}

#header ul li a:hover {
	background: none;
}

#home { width: 93px; background: url("images/navbar2.gif") 0px -42px; }
#home a { width: 93px; background: url("images/navbar2.gif") 0px 0px; }

#about_us { width: 85px; background: url("images/navbar2.gif") -93px -42px; }
#about_us a { width: 85px; background: url("images/navbar2.gif") -93px 0px; }

#products { width: 85px; background: url("images/navbar2.gif") -178px -42px; }
#products a { width: 85px; background: url("images/navbar2.gif") -178px 0px; }

#latestnews { width: 100px; background: url("images/navbar2.gif") -263px -42px; }
#latestnews a { width: 100px; background: url("images/navbar2.gif") -263px 0px; }

#latest_news { width: 100px; background: url("images/navbar2.gif") -263px -42px; }
#latest_news a { width: 100px; background: url("images/navbar2.gif") -263x -42px; }

#case_studies { width: 107px; background: url("images/navbar2.gif") -363px -42px; }
#case_studies a { width: 107px; background: url("images/navbar2.gif") -363px 0px; }

#dealer_locator { width: 133px; background: url("images/navbar2.gif") -470px -42px; }
#dealer_locator a { width: 133px; background: url("images/navbar2.gif") -470px 0px; }

#downloads { width: 99px; background: url("images/navbar2.gif") -602px -42px; }
#downloads a { width: 99px; background: url("images/navbar2.gif") -602px 0px; }

#contact { width: 98px; background: url("images/navbar2.gif") -701px -42px; }
#contact a { width: 98px; background: url("images/navbar2.gif") -701px 0px; }

/*#dealer_login { width: 167px; background: url("images/navbar2.gif") -780px -42px; margin-left: 26px; }
#dealer_login a { width: 167px; background: url("images/navbar2.gif") -780px 0px; }*/

#onlinestore { width: 150px; background: url("images/navbar2.gif") -799px -42px; }
#onlinestore a { width: 150px; background: url("images/navbar2.gif") -799px 0px; }

/* dealer nav */

#dealer-home { width: 107px; background: url("images/dealernav.gif") 0px -42px; }
#dealer-home a { width: 107px; background: url("images/dealernav.gif") 0px 0px; }

#dealer-marketing { width: 92px; background: url("images/dealernav.gif") -107px -42px; }
#dealer-marketing a { width: 92px; background: url("images/dealernav.gif") -107px 0px; }

#dealer-training { width: 95px; background: url("images/dealernav.gif") -199px -42px; }
#dealer-training a { width: 95px; background: url("images/dealernav.gif") -199px 0px; }

#dealer-service { width: 87px; background: url("images/dealernav.gif") -294px -42px; }
#dealer-service a { width: 87px; background: url("images/dealernav.gif") -294px 0px; }

#dealer-forums { width: 112px; background: url("images/dealernav.gif") -381px -42px; }
#dealer-forums a { width: 112px; background: url("images/dealernav.gif") -381px 0px; }

#dealer-cart { width: 119px; background: url("images/dealernav.gif") -493px -42px; }
#dealer-cart a { width: 119px; background: url("images/dealernav.gif") -493px 0px; }

#dealer-contact_us { width: 147px; background: url("images/dealernav.gif") -612px -42px; }
#dealer-contact_us a { width: 147px; background: url("images/dealernav.gif") -612px 0px; }

#dealer-dealer_login { width: 147px; background: url("images/dealernav.gif") -804px -42px; margin-left: 44px; }
#dealer-dealer_login a { width: 147px; background: url("images/dealernav.gif") -804px 0px; }

/* about menu */

#aboutmenu, #productmenu {
	background: #fff !important;
	margin-top: 42px !important;
	/*margin: -42px 0px 0px -15px !important;*/
	/*background: url("images/menushadow.png") no-repeat bottom left !important;*/
	width: 166px !important;
	list-style-type: none;
	z-index: 99;
}

#aboutmenu li, #productmenu li {
	height: auto !important;
}

#aboutmenu li a, #productmenu li a {
	background: #2e3135;
	border-bottom: 1px solid #474c51;
	display: block !important;
	padding: 6px 10px 6px 23px;
	width: 166px;
	color: #d3d3de;
	clear: both;
	font-size: 12px;
	text-decoration: none;
}

#aboutmenu li a:hover, #productmenu li a:hover {
	background: #c7dc27 !important;
	color: #4c4c4c;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	#aboutmenu, #productmenu {
		margin: -60px 0px 0px 0px !important;
	}
}*/

#displayarea {
	width: 950px;
	margin: 0px auto 0px auto;
	height: 282px;
	border-bottom: 1px solid #84858a;
}

#print-logo {
	display: none;
}

.productarea {
	background: url("images/displayareabg.jpg") repeat-x top left;
	color: #fff;
	font-size: 13px;
	line-height: 160%;
	height: 282px;
}

.productarea h2 {
	color: #c8c8c8;
	font-weight: normal;
}

#producttext {
	padding: 50px 20px 50px 50px;
	float: left;
	width: 425px;
}

#productimage {
	padding: 0px;
}

#content {
	padding: 55px 0px 55px 25px;
	width: 925px;
	margin: 0px auto 0px auto;
	color: #e6e6e6;
	font-size: 12px;
	line-height: 160%;
}

#content h2 {
	color: #c0d62d;
	font-size: 17px;
	text-transform: uppercase;
}

.column {
	float: left;
	padding-left: 25px;
}

.latestnewscol {
	width: 410px;
}

.latestnewscol p {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
}

.latestnewscol h1 {
	padding-bottom: 15px;
	font-size: 20px;
	margin-top: -8px;
	padding-top: 0px;
	line-height: 24px;
	font-weight: bold;
}

.latestnewscol h2 {
	padding-bottom: 10px;
}


.latestnewscol h3 {
	color: #c0d62d;
	font-size: 17px;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 5px;
}

.latestnewscol h4 {
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 0px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: -3px;
	color: #c0d62d;
}


.latestnewscol h5 {
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 0px;
	font-weight: bold;
	margin-bottom: -5px;
}

.latestnewscol h6 {
	padding-bottom: 3px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 14px;
	line-height: 15px;
	margin: 0px;
}



.prodcol1 {
	width: 375px;
}

.prodcol1 p {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.prodcol1 h3 {
	color: #c0d62d;
	font-size: 17px;
	text-transform: uppercase;
	padding-top: 20px;
}

.prodcol1 h4 {
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 0px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: -3px;
	color: #c0d62d;
}


.prodcol1 h5 {
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 0px;
	font-weight: bold;
	margin-bottom: -5px;
}



.prodcol1 ul, #col1 ul {
	list-style-type: circle !important;
	padding-top: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
}

.prodcol1 ul li, #col1 ul li {
	padding-top: 5px !important;
	margin-left: 10px !important;
}



.latestnewscol2 {
	width: 160px !important;
}

.latestnewscol2 h4 {
	font-size: 10px !important;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: -10px;
	color: #FFFFFF !important;
	line-height: 12px;
}

.prodcol2 h2, .latestnewscol2 h2 {
	color: #61656e !important;
}

.prodcol2 h3, .latestnewscol2 h3 {
	color: #61656e;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.prodcol2 h4 {
	font-size: 10px !important;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}

.prodcol2, .latestnewscol2 {
	background: #3c3d42;
	width: 210px;
	padding: 25px;
	margin-left: 25px;
	margin-top: -25px;
}

.prodcol3 {
	width: 200px;
}

#col1, #col2, #col3, #col4, #col5, #col6 {
	float: left;
	padding-left: 25px;
}

#col1 {
	width: 385px;
}

#col2 {
	width: 450px;
}

#col2 h4 {
	font-size: 11px;
}

#col3 {
	width: 505px;
}

#col4 {
	width: 320px;
}

#col5 {
	width: 870px;
}

#col6 {
	width: 330px;
}

.colborder {
	border-left: 1px solid #7b7b80;
	margin-left: 25px;
}

.colspace {
	margin-left: 25px;
}

.itemholder {
	padding-top: 15px;
}

.itemholder img {
	padding: 3px 6px 3px 0px;
}

.videoitem {
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	width: 150px;
	color: #9e9ca6;
	font-size: 11px;
	line-height: 100%;
}

#newsbox {
	padding-top: 35px;
}

.newscol {
	font-size: 11px;
	float: left;
	width: 182px;
	line-height: 16px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.newscol h4 {
	text-transform: uppercase;
	font-size: 11px !important;
}



.newscolright {
	margin-left: 20px;
}

.date {
	color: #9e9ca6;
	font-size: 10px;
	font-weight: bold;
}

#footer {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	padding: 10px 10px 20px 10px;
	text-align: center;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #eaeaea;
}

#nuc {
	padding-left: 25px;
}

.shadows {
	text-align: center;
	width: 968px;
	margin: 0px auto 0px auto;
}

ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	/*margin: 0px;
	padding: 0px;*/
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}


#loginbody {
	background: url("images/background.jpg") no-repeat top #070809;
}

#horizon {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -8em;
	min-width: 900px; 
	text-align: center;
}

#container {
	background: url("images/loginbg.jpg") no-repeat top left;
	position: relative;
	width: 581px;
	height: 300px;
	margin: 0px auto;
	overflow: auto;
	text-align: left;
}

#backgroundbar {
	position: absolute;
	background: url("images/loginbgfade.png") repeat top;
	height: 352px;
	width: 100%;
	margin-top: -40px;
}

#loginbox {
	margin: 160px 0px 0px 25px;
}

#loginbox label {
	clear: both;
	height: 25px;
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	padding: 3px 5px 0px 0px;
	color: #4f6308;
	font-size: 11px;
}

.logininput {
	border: 1px solid #8b9f0d;
	font-family: arial;
	padding: 2px;
	margin-bottom: 5px;
}

#sublogin {
	color: #68655f;
	margin: 60px 0px 0px 0px;
	font-size: 11px;
	text-align: center;
}

#sublogin a {
	text-decoration: underline;
	color: #68655f;
}

#loginbutton {
	position: absolute;
	top: 151px;
	left: 300px;
	width: 153px;
	height: 58px;
}

#login-error {
	position: absolute;
	top: 130px;
	margin-left: 50px;
	width: 450px;
	background: #931409;
	padding: 5px 20px 5px 20px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.featurearea {
	padding: 16px 0px 22px 0px;
}

.featurearea h4 {
	margin: 10px 0px 5px 0px;
	color: #c5da27;
	font-size: 15px;
}

.featurearea p {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

table.zebra tr.even td { background-color:#43444a; }
table.zebra tr.odd td { background-color:#595a62; }

.head {
	/*float: left;*/
	background: url("images/subcatbg.jpg") no-repeat top left #48494f;
	display: block;
	padding: 6px 10px 4px 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-top: 1px;
	width: 155px;
}

#productnav {
	width: 195px;
	margin-top: -26px;
}

#productnav li ul li {
	z-index: 100;
	display: block;
}

#productnav li ul li a {
	padding: 4px 0px 4px 15px;
	display: block;
	color: #c8cbd8;
	background: #595a62;
	margin-top: 1px;
	text-decoration: none;
	font-size: 11px;
	line-height: 110%;
	width: 180px;

}

#productnav li ul li a:hover {
	background: #72737e;
}

.productnavlist {
	/*padding: 0px !important;*/
}

.photodisplay {
	float: left;
	width: 89px;
	padding-top: 10px;
}

.peopledisplay, .csdisplay, .peopledisplay2 {
	padding: 10px 0px 40px 20px;
	float: left;
	width: 290px;
	line-height: 120%;
}

.peopledisplay2 {
	width: 360px;
	border-top: 1px solid #7b7b80;
	padding: 25px 0px 20px 0px;
}

.csdisplay {
	width: 380px;
}

.peopledisplay p, .csdisplay p, .peopledisplay2 p {
	margin: 3px 0px 7px 0px;
	font-size: 11px;
}

.peopledisplay h3, .csdisplay h3, .peopledisplay2 h3 {
	font-size: 17px;
}

.peopledisplay h4, .csdisplay h4, .peopledisplay2 h4 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 3px;
	color: #c0d62d;
}

.peoplepadding, .cspadding {
	padding-left: 50px;
}

.divider {
	background: url("images/divider.gif") repeat-y top center;
}

.imgfloatright {
	float: right;
	padding: 10px;
}

.imgfloatleft {
	float: left;
	padding: 10px;
}

.specialform td {
	font-size: 11px;
	padding: 6px;
	background: #5c5e65;
}

.specialform th {
	padding: 8px;
	text-align: left;
	background: #38383d;
}

.textbox, select, textarea {
	padding: 3px;
	font-family: arial;
	font-size: 11px;
}

.locator, .locatormain {
	background: url("images/locatebg.jpg") no-repeat top left;
	width: 206px;
	min-height:21px;
  	height:auto !important;
  	height:210px;
	padding: 15px;
	float: left;
	margin-right: 10px;
}

.locatormain {
	width: 390px;
	background: none;
}

.locatormain h3 {
	color: #c5da27;
}

.locator ul {
	padding-left: 18px;
}

.locator ul li {
	list-style-type: square;
	padding: 2px;
}

#afltipping span, #nrltipping span {
	display: none;
}

#afltipping, #nrltipping {
	display: block;
	width: 154px;
	height: 49px;
}

#afltipping {
	background: url("images/afltipping.jpg") top left no-repeat;
}

#nrltipping {
	background: url("images/nrltipping.jpg") top left no-repeat;
}

#afltipping:hover {
	background: url("images/afltipping.jpg") no-repeat 0px -49px;
}

#nrltipping:hover {
	background: url("images/nrltipping.jpg") no-repeat 0px -49px;
}

/* ------------------------------------------------------------------------
	dropdown menu
------------------------------------------------------------------------- */

#jsddm {
	margin: 0;
	padding: 0
}
		
#jsddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
}
		
#jsddm li ul li {	
	float: none;
	display: inline
}

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pictureHolder .top .left { background: url(images/tl.gif) top left no-repeat; } /* Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(images/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pictureHolder .content { color: #000; background-color: #fff; } /* Content background */
	div.pictureHolder .content a.next:hover { background: url(images/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(images/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.expand { background: url(images/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pictureHolder .content a.expand:hover { background: url(images/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pictureHolder .content a.contract { background: url(images/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pictureHolder .content a.contract:hover { background: url(images/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(images/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */
	
	div.pictureHolder .content .details .nav a.arrow_previous { background: url(images/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pictureHolder .content .details .nav a.arrow_next { background: url(images/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */
	
	div.pictureHolder .bottom .left { background: url(images/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(images/br.gif) top left no-repeat; } /* Bottom right corner */
	
	div.pictureHolder .loaderIcon { background: url(images/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(images/ttl.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(images/ttr.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(images/ttp.gif) top left repeat-x; }

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

form#subForm.js-cm-form input{height: 35px;  padding:2px 10px;  border: solid 1px #606061;    width: 100%;    border-radius: 4px;    background: #3e3f40;    margin-bottom: 20px;    color: #fff;}
form#subForm.js-cm-form button[type=submit] { padding: 11px; background: #c0d62d; color: #3e3f40; border: 0; border-radius: 5px; font-size: 15px; font-weight: 400;}



form#subForm.js-cm-form::-webkit-input-placeholder {color:#fff; }

form#subForm.js-cm-form:-ms-input-placeholder { color:#fff;}

form#subForm.js-cm-form::placeholder {color:#fff;}


div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px}div.pictureHolder .content .details p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:4px 0 0 0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next{float:left;display:block;width:8px;height:9px;text-indent:-10000px;margin-top:4px}div.pictureHolder .content .details .nav a.disabled{background-position:0 -10px;cursor:default}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(images/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(images/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px}