html {
background:url(//secure.eznettools.net/D300009/X379611/layout2011/images/background.jpg) #2756a0;
}

body {
background:url(//secure.eznettools.net/D300009/X379611/layout2011/images/background-top.jpg) repeat-x;
margin:0;
font-family:arial, serif;
}



#back-top {
background:url(//secure.eznettools.net/D300009/X379611/layout2011/images/background-top.jpg) repeat-x;
min-height:600px;
width:100%;
}

.header-top h2 {
font-size:24pt;
line-height:1em;
font-family: 'Ubuntu', arial, serif;
font-weight:500;
color:#222;
margin:0;
}

/*::::::::::::::::::::::::  Text Formatting  ::::::::::::::::::::::::::*/

h1, h2, h3, h4, h5, h6 {
font-family: 'Ubuntu', arial, serif;
margin:0 auto .25em;
}

.bigtext {
font-size:25pt;
color:#163c8d;
text-shadow: 1px 1px #ddd, 2px 2px #ccc, 3px 3px #aaa;
}

h2 {
font-size:18pt;
color:#163c8d;
}

p {
line-height:1.5em;
margin:.6em auto;
font-size:11pt;
}

ul {
margin:5px;
padding:0;
padding-left:15px;
font-size:11pt;
line-height:1.4em;
}

a {color:#fffaf0;}
a:hover {color:#fea;}

.content a {color:#00458D;}

.content a:hover {
color:#004;
background:rgba(200,220,250,.5);
}

sup {
font-size: .74em;
text-align:center;
}

/*::::::::::::::::::::::::::: Layout Elements :::::::::::::::::::::::::::::::*/

/*-------------------- Top Navigation ------------------------*/

.nav ul {
margin:0; padding:0;
list-style:none;
margin-top:10px;
margin-left:50px;
}

.nav li {
float:left;
}

.nav li a {
display:block;
padding:3px 11px 4px;
margin:2px 10px;
color:white;
font-size:14pt;
font-weight:bold;
text-decoration:none;
font-family: 'Ubuntu', arial, serif;
text-shadow: -1px -1px #012;
border:solid 1px transparent;
}

.nav li a:hover, .nav li a:focus {
background:#5B9BEB;
background:rgba(250,250,255,.15);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:solid 1px #79AAEB;
border:solid 1px rgba(255,255,255,.21);
}

.nav li a.free-trial {
/*background:url(//secure.eznettools.net/D300009/X379611/layout2011/images/button-gloss.png) center;
background-color:#c71319;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:solid 1px #aaa;*/
color:#FE5;
}

.nav li.password {
background:url(//secure.eznettools.net/D300009/X379611/layout2011/images/lock.png) no-repeat 3px center transparent;
}

/*-------------------- Dropdown Menu ----------------------------*/

ul.topnav li {	
position: relative; 
z-index:9999;
}

ul.topnav li span { /*--Drop down trigger styles--*/
width: 99%;
height: 36px;
float: left;
background: url(http://www.ezdigisign.com/layout2011/images/down-arrow.png) no-repeat center right;
position:absolute;
left:1px;
top:1px;
}
ul.topnav li span.subhover {
cursor: pointer;
}
ul.topnav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 100%;
background: #26559D;
background:rgba(38,85,157,.8);
margin: 0; padding: 0;
display: none;
float: left;
width: 232px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #111;
}

ul.topnav li:hover ul.subnav {
	display:block;	
}

ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #456; /*--Create bevel effect--*/
	clear: both;
	width: 100%;
position:relative;
}
.nav ul.topnav li ul.subnav li a {
float: left;
width: 200px;
position:relative;
left:9px;
font-size:12pt;
padding:3px 5px;
line-height:1.05em;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background:#5D9BEC; 
background:rgba(82,165,250,.9);
}



/*----------------- main content box -----------------------*/
div.content {
background:#fff;
border:solid 1px #789;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0px 1px 9px rgba(0,0,0,.75);
-moz-box-shadow:0px 1px 9px rgba(0,0,0,.75);
-webkit-box-shadow:0px 1px 9px rgba(0,0,0,.75);
padding:8px;
margin: 4px auto 5px;
}


/*-------------------- Left Navigation ---------------------*/

div.left-nav {
background:#181919;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin-right:7px;
padding:5px;
}

.left-nav ul{
list-style:none;
margin:0; padding:0;
}

.left-nav li a {
display:block;
border:solid 1px #4363a8;
text-decoration:none;
margin:0; padding:0;
background:url(http://www.ezdigisign.com/layout2011/images/left-nav-gloss.png);
background-color:#153b8d;
height:53px;
width:190px;
margin:3px 2px 4px;
line-height:3.3em;
color:white;
font-weight:bold;
text-align:center;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.left-nav a.login {
background-color:#3572C5;
}

.left-nav a:hover, .left-nav a:focus {
background-color:#B30505;
color:white;
border:solid 1px #977;
-moz-box-shadow:inset 0 6px 8px rgba(255,255,255,.25);
}

.left-nav a:active {
border:solid 1px #555;
background-color:#BB0202;
-moz-box-shadow:inset 0px 5px 9px rgba(0,0,0,.55);
-webkit-box-shadow:inset 0px 5px 9px rgba(0,0,0,.55);
outline:0;
}

/*-------------------- Industry Signs Box (Applications) --------------------*/

div.industries {
display:block;
width:200px;
background:#f0f5fd;
border:solid 2px #bec8d4;
margin:0;
margin-right:8px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

.industries h2 {
font-family: 'Ubuntu', arial, serif;
background:#b11;
color:white;
margin:0px;
padding:4px 8px;
font-size:15pt;
border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
}

.industries ul {
list-style:none;
padding:0;
margin:0;
margin-top:2px;
}

.industries li a {
display:block;
color:#333;
padding:3px 8px;
font-size:11pt;
line-height:1.2em;
text-decoration:none;
font-weight:bold;
border:solid 1px transparent;
border-bottom:solid 1px #ccd;
border-top:solid 1px #fff;
}

.industries li a.highlight {background:#fea;}

.industries li a:hover, .industries li a:focus {
background:#b0cbff;
border:solid 1px #def;
}

.industries li a:active {
background:#a11;
color:white;
}



/*:::::::::::::::::: Buttons :::::::::::::::::::::*/

/*------------------ Red Button --------------------*/
.red-btn a, a.red-btn {
display:inline-block;
background:url(http://www.ezdigisign.com/layout2011/images/button-gloss.png);
background-color:#c71319;
padding:0px 14px;
margin-bottom:8px;
border:solid 2px #6b2b2b;
color:white;
text-decoration:none;
font-weight:bold;
font-size:15pt;
text-shadow:-1px -1px #600;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.6);
line-height:2em;
}

.red-btn a:hover, a:hover.red-btn {
background-color:#E71312;
color:white;
}

/*------------------- Blue Button -------------------------*/

.blue-btn a, a.blue-btn {
display:inline-block;
background:url(http://www.ezdigisign.com/layout2011/images/button-gloss.png);
background-color:#284f90;
padding:0px 14px;
margin-bottom:8px;
border:solid 2px #2d3c56;
color:white;
text-decoration:none;
font-weight:bold;
font-size:15pt;
text-shadow:-1px -1px #600;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.6);
line-height:2em;
}

.blue-btn a:hover, a:hover.blue-btn {
background-color:#285fC0;
color:white;
}

/*------------------  Gold Button  -----------------------*/
.gold-btn a {
display:inline-block;
padding:12px 20px;
margin:16px 0;
font-size:16pt;
font-weight:bold;
background: url(http://www.ezdigisign.com/images/buttons/gold-btn.jpg) center repeat-x #f8d33f;
border:solid 1px #c5af6b;
text-decoration:none;
text-shadow:1px 1px rgba(255,255,255,.65);
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:inset 1px 2px 3px rgba(255,255,255,.9), 1px 2px 3px rgba(0,0,0,.75);
-webkit-box-shadow:inset 0 2px 3px rgba(255,255,255,.9), 1px 2px 3px rgba(0,0,0,.75);
}

.gold-btn a:hover {
background: url(http://www.ezdigisign.com/images/buttons/gold-btn.jpg) center repeat-x #f8d33f;
-moz-box-shadow:inset 1px 4px 6px rgba(255,255,255,.6), 1px 2px 4px rgba(0,0,0,.95);
-webkit-box-shadow:inset 1px 4px 6px rgba(255,255,255,.6), 1px 2px 4px rgba(0,0,0,.95);
}

.gold-btn a:active {
position:relative;
top:1px; left:1px;
-moz-box-shadow:inset 2px 4px 6px rgba(77,50,0,.9), 1px 1px 1px rgba(0,0,0,.55);
border:solid 1px #777;
outline:0;
}

/*------------------------ Boxes ---------------------------*/

div.box {
background:#e3e7f1;
border:solid 2px #8da2c6;
padding:8px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.product{
border:solid 1px #abc;
padding:14px 20px;
margin:3px auto 4px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-moz-box-shadow: inset 0 0 6px rgba(10,30,40,.3), inset 0 0 1px rgba(10,30,40,.7);
-webkit-box-shadow: inset 0 0 6px rgba(10,30,40,.3), inset 0 0 1px rgba(10,30,40,.7);
background:#f7fafa;
}

.product img {
margin-right:15px;
}

.product a {
font-weight:bold;
}
.ezpagebuilder-block-buttons img {margin:0px;}

/*---------------------- sign-up form ----------------------*/

div.form {
/*background:#E5F1FD;
border:solid 2px #B7DBFB;
padding:5px;*/
-moz-border-radius:6px;
}
.form input {width:310px;}
.form textarea {width:310px; height:150px;}

.form input, .form textarea, .form select{
padding:4px;
background:#F6FaFc;
border:solid 1px #999;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-moz-box-shadow:inset 1px 2px 3px rgba(10,30,50,.6);
-webkit-box-shadow:inset 1px 2px 3px rgba(10,30,50,.6);
font-weight:bold;
}

.form input:focus, .form textarea:focus {
-moz-box-shadow:inset 1px 2px 3px rgba(10,30,50,.9), 0 0 4px rgba(55,155,255,.75);
}

.form .submit input {
display:inline-block;
width:auto;
margin-left:80px;
background:#E0EDFD;
-moz-box-shadow:inset 0px -3px 6px rgba(0,20,60,.3), 0px 1px 3px rgba(0,0,0,.9);
-webkit-box-shadow:inset 0px -3px 6px rgba(0,20,60,.3), 0px 1px 3px rgba(0,0,0,.9);
border:solid 1px #345;
}


/*------------------------- Footer ---------------------------*/

.footer {
color:white;
}


/*::::::::::::::::::::::::::  Employee Manuel  :::::::::::::::::::::::::::::*/

.manual {
}

.table-contents ul {
list-style:none;
}

.table-contents li a {
display:block;
font-size:14pt;
text-decoration:none;
background:#EEF5FD;
border:solid 1px #ace;
padding:7px 11px;
margin:2px;
}

.manual li a:hover {
background:#aaccf0;
border:solid 1px #79d;
}

.manual p {
font-size:12pt;
}


/*:::::::::::::::::::::::::::::::  Catalog  :::::::::::::::::::::::::::::::::*/

#content-wrapper {

}

#content-wrapper .header-top h2{ margin-right:10px; }


td.category-gutter {display:none;}

#content {
background:white;
border:solid 1px #125;
border-radius:6px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
padding:12px 15px 12px;

}

#category-navigation {
background:#181919;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
width:200px;
}

#category-navigation ul {
color:white;
list-style:none;
}

#category-navigation li a {

}

#bread-crumb-and-search {
color:#fff;
position:relative;
top:12px;
}

#bread-crumb-and-search a {
color:white;
background-color:#15a;
padding:4px 5px;
text-decoration:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#search-main {
position:relative;
top:-9px;
}

#shopping-cart-status {
color:white;
position:relative;
top:6px;
}
#shopping-cart-status a{
color:white;
}

/*:::::::::::::::::: Experimental Responsive Design Code ::::::::::::::::::::*/
@media (max-width: 800px) {
   .header-top h2, .header-top h3 {font-size:12pt; display:block;}
  .nav ul {margin:5px 0;}

}