@charset "utf-8";
/* CSS Document */

/**
  * STYLE SHEET REFERENCE LOCATION AND CASCADING USAGE INFORMATION
	  *
	  * referenced in /Templates/Desktop_HomeTemplate.ascx
	  *
	  * style sheets used for the Desktop device Default layout
	  * cascade in this order
	  	* /styles/global.css (referenced in /store/main.aspx, /secure/secure.aspx, and /secure/login.aspx) -->
		* /styles/desktop.css (referenced in /Templates/Desktop_HomeTemplate.aspx) -->
		*** /styles/desktop-home.css (referenced in /Templates/Desktop_HomeTemplate.aspx) *** -->
	  *
	  */


/**
 * PRIMARY STYLES FOR THE DESKTOP DEVICE HOME LAYOUT
 *
 * Author: EC Internet, eric@ecinternet.com
 */
header { height:145px; } 
#category_menu { margin-left: 0!important; }
#exploded_diagram_menu { width: 269px; left: 49.1%; border: 1px solid #707070; background-color: #E3E3E3; position: absolute; display: none; z-index: 500; color: #4b4b4b!important; margin-top: -1px; /*margin-left: -1px;*/ -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.5); -moz-box-shadow:2px 2px 4px rgba(50, 50, 50, 0.5); box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.5); font-size: 12px!important; }
.firefox #exploded_diagram_menu { left: 48.6%; }
#exploded_diagram_menu img { z-index: 1000000; position: absolute; right: 10px; top: 10px; cursor: pointer; }
#exploded_diagram_menu .categorylist { margin-left: inherit; width: 220px; top: 0; padding: 20px; display: block; background-color: #ddd; z-index: 999999; }
	
#exploded_menu_close { position: absolute; top: 0; right: 0; margin: 15px; cursor: pointer; z-index: 999; }	

.explodedlist { position: relative; margin-left: 0px; width: 258px; top: 0; padding: 20px; display: none; }	
.explodedlist ul { padding-top: 0!important; padding-bottom: 0!important; margin: 0!important; list-style-type: none; }	
.explodedlist ul.column1 { margin-bottom: 3em!important; }
.explodedlist li { background-image: none!important; padding: .2em 0!important; }	
.explodedlist li:hover { background: none!important; }
nav#sidenav_flyout ul li.third { margin-right: 14px; }

.column1, .column2 {
	float: left;
	width: 185px;
	padding-right: 15px;
}	
#bodywrap {
	background-color:transparent;
	width:1060px;
	border:none;
	padding-bottom:0;
}
#bodycontent {
	float:none;
	width:100%;
	min-height:600px;
	position:relative;
	left:auto;
	padding-bottom:10px;
	overflow:auto;
}
nav#sidenav_anonymous {
	position:absolute;
	left:20px;
	top:0px;
	width:254px;
	height:400px;
}
nav#sidenav_flyout {	
	background-color: #FFF;
    border-bottom: none;
    z-index: 1000;
    color: #FFFFFF;
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    list-style: none;
    margin: 0;
}
#bodycontent nav#sidenav_flyout ul {
	padding-right:0;
}
#bodycontent nav#sidenav_flyout ul ul li a {
	/*padding-left:10px;*/
}
nav#sidenav_flyout hr {
	border-top:dotted #4b4b4b 1px;
	margin:5px 0;
	margin-right:20px;
}
nav#sidenav_flyout .flyout:hover div {
	height:364px;
	left: 264px;
}
nav#sidenav_flyout .flyout div {
	top:117px;
	left: 264px;
	border-left:none;
}
nav#sidenav_flyout .flyout div.border_left {
	left:0;
	height:348px;
}
nav#sidenav_flyout .flyout div.border_left a {
	padding-top:1px;
	padding-bottom:1px;
}
nav#sidenav div.home-only,
nav#sidenav_flyout div.home-only {
	display:block;
	visibility:visible;
}

div.home-only div.aligncenter {
	margin-right: 20px!important;
}
nav#sidenav_flyout ul, nav#sidenav_anonymous ul {
	/*border-bottom:solid #0079C1 1px;*/
	padding: 0!important;
}
nav#sidenav_flyout ul h1, nav#sidenav_anonymous ul h1
{
	margin: 0!important;
	font-size: 2.2em;
}
nav#sidenav_flyout ul li.second.third h1 { padding-right: 11px; }
nav#sidenav_flyout ul h2
{
	margin-bottom: 5px;
}
nav#sidenav_flyout ul small, nav#sidenav_anonymous ul small
{
	display: block;
	margin-top: -.2em;
}
nav#sidenav_flyout ul li { margin-top: 8px; margin-right: 14px; float: left; }
nav#sidenav_anonymous ul li
{
	margin-top: 20px;
}
nav#sidenav_flyout ul li a
{
	display: block;
	padding: 2px 20px 4px;
	color: #FFFFFF;
}
nav#sidenav_flyout ul li a:hover
{
	color: #FFFFFF;
}
nav#sidenav_flyout ul li:hover
{
	background-color: #848383;
}
nav#sidenav_anonymous ul li.first { margin-right:10px; margin-left:5px; }
nav#sidenav_anonymous ul li a
{
	padding: 4px 10px 8px;	
	display: block;	
	background-color:#2F2F2F;	
	
	-webkit-box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    2px 2px 12px rgba(50, 50, 50, 0.5);
	box-shadow:         2px 2px 12px rgba(50, 50, 50, 0.5);	
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

nav#sidenav_anonymous ul li a:hover
{
	text-decoration: none!important;	
	background-color:#505050!important;
	
}
nav#sidenav_flyout ul ul {
	border-bottom:none;
}
/*nav#sidenav_flyout h2 {
	position:relative;
	left:10px;
	margin-bottom:20px;
}*/
nav#sidenav_flyout h3 {
	padding:6px 10px;
	padding-left:20px;
	margin-bottom:0;	
}
	nav#sidenav_flyout h3 a {
		/*font-size:13px;
		position:relative;
		top:4px;*/
	}
nav#sidenav_flyout h4 {
	padding:4px 10px 3px 20px;
}
nav#sidenav_flyout h5 {
	margin-bottom:6px;
}

/* Banner stuff */

section#banner {
	/*padding-top:20px;*/
	margin: 30px 0 20px;
	height:380px;
	/*background-image:url(../images_content/home-banner2.png);*/
	background-repeat:no-repeat;
	background-position:right;
}
.sliderkit {
	margin: 0 0 25px 0;
	width: 1040px;
	height: 380px;
}
.sliderkit ul,
.sliderkit h1,
.sliderkit h2,
.sliderkit h3,
.sliderkit p {
	padding-left: 0!important;
}
.photoslider-bullets 
.sliderkit-nav
{
	position:absolute;
	bottom:10px;
	right:10px;
}
.photoslider-bullets 
.sliderkit-nav-clip ul li
{
	float:left;
	margin:0 1px 0 0;
}

.photoslider-bullets 
.sliderkit-nav-clip ul li a
{
	width:13px;
	height:13px;
	background:transparent url("../images_navigation/bullet-off.png") no-repeat 0 0;
}

.photoslider-bullets 
.sliderkit-nav-clip ul li.sliderkit-selected a
{
	background:transparent url("../images_navigation/bullet-on.png") no-repeat 0 0;
}

.photoslider-bullets
.sliderkit-border-topleft,
.photoslider-bullets
.sliderkit-border-topright,
.photoslider-bullets
.sliderkit-border-bottomleft,
.photoslider-bullets
.sliderkit-border-bottomright
{
	position: absolute;
	width: 5px;
	height: 5px;
	
	z-index: 9;
	
	background:transparent url("../images_navigation/home-banner-corners.png") no-repeat;
}

.photoslider-bullets
.sliderkit-border-topleft
{
	top: 0;
	left: 0;
	
	background-position: left top;
}

.photoslider-bullets
.sliderkit-border-topright
{
	top: 0;
	right: 0;
	
	background-position: right top;
}

.photoslider-bullets
.sliderkit-border-bottomleft
{
	bottom: 0;
	left: 0;
	
	background-position: left bottom;
}

.photoslider-bullets
.sliderkit-border-bottomright
{
	bottom: 0;
	right: 0;
	
	background-position: right bottom;
}
.sliderkit-panel-content { background-image: url(../images_content/banners/banner_generic.jpg); color: #FFFFFF; }
.photoslider-bullets
.sliderkit-panel-content
{
	overflow: auto;
	padding: 35px 35px 35px 320px;
	width: 705px; 
	height: 370px;
}

.sliderkit-panel-content a
{
	color: inherit;
	text-decoration: none;
}
	
.sliderkit-panel-content a:visited
{
	color: inherit;
}
	
.sliderkit-panel-content a:hover
{
	text-decoration: underline!important;
}
.banner-copy { margin-right: 75px; text-align: right; }
.banner-copy h1 { font-family: Tahoma, Geneva, sans-serif; font-size: 3.3em; line-height: 1em; font-weight: normal; margin-top: .5em; }
.promo-title-row { padding: 10px; margin-right: 20px; }
.banner-home-bottom,
.banner-home-bottom-row { display: flex; flex-flow: row wrap; height: 240px; align-items: center; justify-content: center; }
.banner-home-bottom { margin: 40px 0 20px; }
.banner-home-bottom-row { margin-bottom: 4em; }
.banner-home-bottom-row div.column { width: 23%; margin-right: 1%; height: 100%; margin-left: 1%; vertical-align: middle; align-items: center; justify-content: center; display: flex; margin-bottom: 4em; }
.banner-home-bottom-row div.column:first-child { margin-left: 0; width: 24%; }
.banner-home-bottom-row div.column:last-child { margin-right: 0; width: 24%; }

/* END Banner stuff */

section h1,
section h2,
section h3 {
	font-family:"bebas", Arial;
	font-weight:200;
}
section h1 {
	color:#90008A;
	font-size:31px;
	margin-top:10px;
}
	section h1 span {
		font-size:16px;
		position:relative;
		top:-10px;
	}
	section h1 span img {
		position:relative;
		top:8px;
		left:8px;
	}
section h2 {
	color:#707070;
	font-size:40px;
	margin-top:-10px;
}
	section h2 span {
		color:#707070;
		font-size:17px;
		position:relative;
		top:-20px;
	}
section h3 { 
	position:absolute;
	left:680px;
	top:365px;
	font-size:24px;
	color:#fff;
	letter-spacing:2px;
	text-shadow: 0px -1px 0px #444,0px 1px 0px #444;
}
section p {
	margin-top:-10px;
}
section p,
section ul {	
	color:#90008A;
	font-family:"Tahoma", Geneva, sans-serif;
	font-size:16px;
}
	section p span,
	section ul span {	
		font-family:"swiss-z721-ci", Arial;
		font-weight:900;
	}
	section ul span {	
		font-weight:200;
	}
section ul,
section li {
	margin-left:0;
	padding-left:0;
	list-style-type:none;
}
hgroup {
	margin-left:-20px;
	margin-bottom:8px;
}
/*h1, h2, p, ul, #products { padding-left:320px!important; }
div#htmlwrap hr {
	margin-left:320px;
}*/
nav#sidenav_flyout h2,
nav#sidenav_flyout ul,
header #utilities ul,
#products h2 {
	 padding-left:0!important;
}

#homecontentwrap
{
	margin: 0 20px;
}

#homecontentwrap hr
{
	margin-left: -20px;
	margin-right: -20px;
}
/* ~~ columns for the home layout. ~~ */

#products h2 {
	padding-bottom:10px;
}
#products div {
	float:left;
	width:23%;
	padding-right:2%;
    height: 360px;
    overflow-y: hidden;
}
#products div.last {
	width:25%;
	padding-right:0%;
}
#products div img
{
	width: 200px;
}
#products div a {
	font-size:14px;
}
#products a {
	display:block;
	font-weight:900;
}
#products span {
	display: block;
}
#news p {
	margin-top:10px;
	line-height:20px;
}