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

/** {
	margin: 0px; 
	padding: 0px;
}*/
a img { border: none; }

body {
	/* background-color: #CCC; */
	background-color: #FFFFFF
	background-position:center;
	behavior: url("http://www.nepcosignsupply.com/store/pc/csshover3.htc");
	height: 100%;
	 background: white; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #555555; position: relative; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden;
}

#NEPCO_topleft {
	float: left;
	width: 402.5px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#NEPCO_topright {
	float: right;
	width: 402.5px;
	height: 60px;
    margin: 0px;
	padding: 0px; 
	text-align: left;
}

#NEPCO_topright p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	/*-moz-background-origin: content;          /* Firefox 1.0-3.6 */
    /*-webkit-background-origin: content-box;   /* Safari, Chrome */
    /*       background-origin: content-box;   /* Firefox 4.0+ */

}

#NEPCO_toplogo{
	width: 110px;
	margin-left: auto;
	margin-right: auto;

}

.NEPCO_logo{
	width: 100px;
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
}

.NEPCO_toplinks{
	padding: 0 30px 0 30px;
	text-decoration:none;
	color: #5c5c5c;
}

.NEPCO_toplinks:hover{
	padding: 0 30px 0 30px;
	text-decoration:underline;
	color: #1a2654;
}

.NEPCO_tagline{
  font-family:Arial, Helvetica, sans-serif;
  font-size:1rem;
  font-weight:bold;
  line-height:1.625em;
  font-style: italic;
  color: #5c5c5c;
  text-align: center;
  margin:5px 0 5px 0;
  padding:0;
  width: 975px;
  white-space:nowrap;
  clear:both;
}

form{
	padding-top:7px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	}
 
.NEPCO_midbar{
	background-color: #1a2654;
	 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a2654), color-stop(100%, #0e142d)); background-image: -webkit-linear-gradient(#1a2654, #0e142d); background-image: -moz-linear-gradient(#1a2654, #0e142d); background-image: -o-linear-gradient(#1a2654, #0e142d); background-image: linear-gradient(#1a2654, #0e142d); -webkit-box-shadow: inset 0 1px 1px #1a2654, 0 1px 2px rgba(0, 0, 0, 0.8) !important; /* Remove this line if you dont want a dropshadow on your navigation*/ box-shadow: inset 0 1px 1px #3249a2, 0 1px 2px rgba(0, 0, 0, 0.8) !important; /* Remove this line if you dont want a dropshadow on your navigation*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a2654', EndColorStr='#0e142d');
	height: 40px;
	clear: both;
	margin: 0 0px 5px 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	z-index: 99999;
}
.NEPCO_midbar.sticky {
     position: fixed!important;
     top: 0;
	 width:100%!important;
	 margin-left:0!important;
	 left:0px;
  }

.NEPCO_midbar ul{
	text-align: center;
	padding:0px;
}

.NEPCO_midbar ul li{
	display: inline;
	text-decoration: none;
	padding-left: 60px;
	padding-right: 60px;
	line-height: 30px;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

.NEPCO_midbar ul li a{
	color: #FFFFFF;
	text-decoration: none;
}

.NEPCO_midbar ul li a:hover{
	color: #C6C2C1;
	font-style: italic;
}


#NEPCO_square{
	display: block;
	width: 975px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	background-color:#FFF;
	overflow:visible;
}

#NEPCO_pageBlock {
	display: block;
	width: 975px;
	min-height: 665px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	background-color:#FFF;
	overflow:visible;
}

#NEPCO_footer {
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 975px;
	height: auto;
	background-color: #1a2654;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a2654), color-stop(100%, #0e142d)); background-image: -webkit-linear-gradient(#1a2654, #0e142d); background-image: -moz-linear-gradient(#1a2654, #0e142d); background-image: -o-linear-gradient(#1a2654, #0e142d); background-image: linear-gradient(#1a2654, #0e142d); -webkit-box-shadow: inset 0 1px 1px #1a2654, 0 1px 2px rgba(0, 0, 0, 0.8) !important; /* Remove this line if you dont want a dropshadow on your navigation*/ box-shadow: inset 0 1px 1px #3249a2, 0 1px 2px rgba(0, 0, 0, 0.8) !important; /* Remove this line if you dont want a dropshadow on your navigation*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a2654', EndColorStr='#0e142d');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration:none;
	text-align: left;
	color:#FFF;
}

#NEPCO_footer a:visited {
	color: #FFF;
}

#NEPCO_footer a:link {
	color: #FFF;
}

#NEPCO_headerBlock {
	display: block;
	width: 950px;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
}

#NEPCO_leftNavBlock { 
	/* display:block; */
	/* clear:both; */
	float: left;
	width: 178px; /* 200px */
	height: auto;
	padding-left: 0px;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 0px; /*10 px */
	margin-left: 0px;
	margin-bottom:0px;

    position:static;	
}

#NEPCO_mainBlock { 
	display: block;
	width: 100%;
	height: auto;
	background-color: #FFF;
}

.NEPCO_CatNavSectionList {
	list-style: none;
	line-height: 14px;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 0px;
}

#NEPCO_infoBlock { 
	display: block;
	float: right;
	width: 765px; /*765px */
	height: 100%;
	background-color: #FFF;
	margin: 0;
	
}

#NEPCO_searchBox { 
	display: block;
	width: 161px;
	height: 42px;
	margin: 0;
	padding: 5px 5px 5px 10px;
	background-color: #FFFF99;
	border-top: solid 1px gray;
	border-left: solid 1px gray;
	border-right: solid 1px gray;
}

#NEPCO_AllProducts { 
	display: block;
	width: 156px;
	margin-bottom: 5px;
	padding: 0px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#NEPCO_AllProducts a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#NEPCO_AllProducts a:hover{
	color: #0099FF;
}

ul a{
	color: #666666;
}

span.list a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #003399;
}

span.list2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #003399;
}

span.new{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
}



#NEPCO_AllProducts ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	margin: 0px;
	border: 0px;
	padding-left: 10px;
	text-decoration: none;
	list-style-type: none;
	color: #666666;
}

#NEPCO_AllProducts li{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
}

#NEPCO_loginBox {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	margin: 0;
	padding: 10px;
}

#NEPCO_HomePageBannersBlock { 
	display: block;
	float: right;
	width: 77%;
	height: auto;
	background-color: #FFF;
}

.NEPCO_ItemDesc {
	font-family :Georgia, "Times New Roman", Times, serif;
	font-size:small;
}

/*.Accordion {
  overflow: visible !important;
}
.AccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
}*/

.AccordionPanelTab-Awning {
	/* background-image:url(pc/catalog/awning/AwgNavBar.gif); */
	background-repeat:repeat-x;
	border-top: solid 1px gray;
	/* border-bottom: solid 1px gray; */
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	margin-top: 8px;
	margin-bottom: 5px;
	padding: 0px;
	/* padding-left: 10px; */
	/* padding-top: 5px; */
	/* padding-bottom:18px; */
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}


.AccordionPanelTab-clearance {
	border: 0px;
	border-top: solid 1px gray;
	/* border-bottom: solid 1px gray; */
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	margin-top: 8px;
	margin-bottom: 5px;
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.btn { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c5c5c), color-stop(100%, #fff)); background-image: -webkit-linear-gradient(#5c5c5c, #fff); background-image: -moz-linear-gradient(#5c5c5c, #fff); background-image: -o-linear-gradient(#5c5c5c, #fff); background-image: linear-gradient(#5c5c5c, #fff); box-shadow: inset 0 0 3px #5c5c5c; border: 1px solid #fff; }
.btn:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a2d4fc), color-stop(100%, #54b2fe)); background-image: -webkit-linear-gradient(#a2d4fc, #54b2fe); background-image: -moz-linear-gradient(#a2d4fc, #54b2fe); background-image: -o-linear-gradient(#a2d4fc, #54b2fe); background-image: linear-gradient(#a2d4fc, #54b2fe); box-shadow: inset 0 0 3px white; border: 1px solid #0e90f8; }

.bluebar {width:975px; margin-left:auto; margin-right: auto; padding:0;clear:both;}

.midbarleft {
	float: left;
	width: 200px;
	height: 40px;
	margin: 3px 0 0 0;
	padding: 0px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

.midbarmiddle {
	width: 575px;
	height: 40px;
    margin: 0px;
	padding: 0px; 
	text-align: left;
	display:inline;
}

.midbarright {
	float: right;
	width: 200px;
	height: 40px;
	margin: 3px 0 0 0;
	padding: 0px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	display: inline;
}

/* NEPCO CUSTOM STYLES */

	/* Navigation */
	
/*** Nav bar styles ***/
.nepco_nav{
z-index: 501!important;}
ul.nepco_nav,
.nepco_nav ul{
/*Remove all spacings from the list items*/
	margin:0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	position:absolute;
}

ul.nepco_nav{
	width: 200px;
/*Optional, to make the navigation bar positions on the left of the content*/
	float: left;
	margin-right: 1em;

}

ul.nepco_nav>li{
	margin:0;
	padding: 2px 6px;
	border-bottom: 1px solid #ddd;
}

ul.nepco_nav li>ul{
/*Make the sub list items invisible*/
	color: #fff;
	display: none;
	position: absolute;
	width: 45ex;
	left: 197px;
	margin-top: -21px!important;
	margin-left: 0px;
	z-index: 501!important;
	text-align: left;
	padding: 3px 3px 3px 5px;
	list-style: none;
	display: none;
	background: #1a2654;
	border: 0px solid #dddddd;
	-ms-border-radius: 0 4px 4px 4px;
	-o-border-radius: 0 4px 4px 4px;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
	border-radius: 0 4px 4px 4px;
}

ul.nepco_nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nepco_nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu styles (customizable) ***/

ul.nepco_nav,
.nepco_nav ul ,
.nepco_nav ul li a{
	padding-top: 3px;
	background-color: #fefefe;
	color: #1a2654;
	border: 1px solid #dddddd;
	-ms-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;

}

ul.nepco_nav li:hover a, 
ul.nepco_nav li a:hover,
ul.nepco_nav li:hover,
.nepco_nav ul li a:hover{
	background-color: #1a2654;
	color: #fff;
	z-index: 9999;
}
a.nepco_nav:hover{
	background-color: #1a2654;
	color: #fff;
}
ul.nepco_nav li a{
	color:#1a2654; 
	text-decoration:none;
}

.nepco_nav ul li a{
	background-color: #1a2654;
	color: #fff;
	border: none;
 
}
.nepco_nav ul li a:hover{
	color:#C6C1C0; 
	text-decoration:none;
}


/**.nepco_nav a:hover{
	text-decoration: none;
	color: #fff;
	}
	
.nepco_nav a{
	text-decoration: none;
	color: #1a2654;
	}
**/




hr.little_line2  {
	margin: 0 0 0 0;
	padding: 0;
	color: #ddd;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	display: block;
	clear: both;
}

hr.little_line3  {
	margin: -12px 0 0 0;
	padding: 0;
	color: #ddd;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	display: block;
	clear: both;
}



li.seperate_link {
	color: #ddd;
	line-height:1.5em;
	padding-left:3px;
}

li.seperate_link a {
	color: #ccc!important;
	line-height:1.5em!important;
	padding-left:3px!important;
	margin:0!important;
}
li.seperate_link :hover{
	color: #fff;
	line-height:1.5em;
	padding-left:3px;
	margin:0!;
	font-style:italic;
}

li.clearance, li.clearance a{
	color: #ec0202!important;
	background-color:#fff!important;
}

li.clearance:hover, li.clearance a:hover {
	color: #ec0202!important;
	background-color:#fff!important;
	font-style: italic;
}
.clearance:hover{background-color:#fff!important;}
p.list_item {
	padding: 0;
	margin: -1px 0 -1px 0;
}

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

/*Tests */
.serchbar {
 -webkit-border-radius: 1000px; 
 -moz-border-radius: 1000px; 
 -ms-border-radius: 1000px; 
 -o-border-radius: 1000px; 
 border-radius: 1000px; 
 padding-right: 0;
 border-bottom-left-radius: 1000px;
 border-bottom-right-radius: 1000px;
 border-style: solid;
 border-top-left-radius: 1000px;
 border-top-right-radius: 1000px;
 border-color: #ccc;
 width: 480px;
 height: 19px;
 padding-left: 7px;
 }
 
 
 .serchbtn {
 border:1px solid #b7b7b7; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px;
 border-radius: 3px;
 font-size:12px;
 font-family:arial, helvetica, sans-serif; 
 padding: 3px 5px; 
 text-decoration:none; 
 display:inline-block;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 font-weight:bold; 
 color: #f8f3f3;
 background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
 background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
 background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
 background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
 background-image: -o-linear-gradient(top, #d3d3d3, #707070);
 background-image: linear-gradient(to bottom, #d3d3d3, #707070);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}

 .serchbtn:hover{
 color: #fff;
 border:1px solid #a0a0a0;
 background-color: #bababa; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#575757));
 background-image: -webkit-linear-gradient(top, #bababa, #575757);
 background-image: -moz-linear-gradient(top, #bababa, #575757);
 background-image: -ms-linear-gradient(top, #bababa, #575757);
 background-image: -o-linear-gradient(top, #bababa, #575757);
 background-image: linear-gradient(to bottom, #bababa, #575757);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
}
 
 
 .threecolumns {width: 300px;}
 
 .icomoon {
 font-family: 'icomoon'!important;
	content: attr(data-icon)!important;
	speak: none!important;
	font-weight: normal!important;
	font-variant: normal!important;
	text-transform: none!important;
	line-height: 1!important;
	-webkit-font-smoothing: antialiased!important;
	font-style:none;
}
 
 .webshelf {width: 762px;}
 
 .catalorg {width: 370px; margin-bottom: -30px; display:inline;}
 
 .bookcover {width: 160px;
margin: 0px 45px; z-index:20;
display:inline;}
textarea, input { outline: none; }
a.poptip{text-decoration:none;}
a.poptip span { 
display: none; 
}
a.poptip:hover { 
position: relative; 
text-decoration:none;
}

a.poptip:hover span { 
display: block; 
position: absolute; 
bottom: 15px;
border: thin solid #5c5c5c; 
-ms-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
background-color: white; 
padding: 10px;
font-size: .9em;
z-index: 9999;
cursor: default;
font-weight: bold;
white-space: nowrap;
}
.contacticons {
    padding-left:5px;
	padding-top:5px;
	color: #1a2654;
	
}
a.contacticons {
color: #A0A1A1;
	
}
.contacticons:hover{
	cursor:pointer;
	color: #1a2654;
}
img.contactpicture{width: 60px;}
.contactcell{width:130.75px;
margin:0; padding:0;}
.contactcell2{width:330.75px;
margin:0; padding:0;color:#1A2654;
  font-weight:bold;font-size:1.5em;}
.introline {width: 765px;text-align:center;font-size:1.2em; font-weight:bold;padding-bottom:15px;}
.righty{
	text-align: right;
	width:420px;
	color:#555555;
	font-size:1.5em;
}

.names {
padding:0px;
margin:0 0 0px 0;
line-height: 110%;
font-size: 1.25em;
color: #1a2654;
font-weight: bold;
}
.namestitle{
padding:0px;
margin:0px;
line-height: 110%;
font-size: .8em;
font-style: italic;
}

li.over {
text-decoration: line-through; font-style:italic;}

li.coming {color:#1a2654;font-weight:bold;}

	/* Slideshow */
.pics {  
    height:  243px;  
    width:   476px;    
    margin:  0; 
 
} 
 
.pics img {  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  100%; 
    height: 100%; 
    top:  0; 
    left: 0 
} 
div.cycle-slideshow {
	width: 475px;
	height: 240px;
	z-index: 1;
}

.cycle-pager { 
    text-align: left; width: 100%; z-index: 500; position: absolute; top: 195px; overflow: hidden;
}
span.cycle-pager  { 
    font-family: arial; font-size: 50px!important; width: 16px!important; height: 16px; 
    display: inline-block; color: #1a2654; cursor: pointer; 
}
.cycle-pager span{width:16px;}
.cycle-pager span.cycle-pager-active { color: #1D2B60;width:16px;}
.cycle-pager > * { cursor: pointer;font-size: 50px!important;width:16px;}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}