/* Current Template: ISPVanilla - Horizontal */
@charset "utf-8";
/* CSS Document */

body       		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:1.3; padding:0; margin:0; 
				    background-color: #5a5a5b; color: #000; background-image:url(../images/isignpak_bg.png); background-repeat:repeat-x;}					

h1,h2,h3 		{margin: 5px 0 0 0; font-weight: bold; color: #529FAB; font-family: Arial Black}
h1          	{font-size: 130%; /*font-size: 130%; */}

hr				   {color:#ccc;}
a:link         {color:#529FAB;}
a:visited      {color:#333377;}
a:active       {color:#333377;}
a:hover        {text-decoration: underline; color: #ffc000;}
a img 	   	{text-decoration: none; border: 0 none;}

#wrapper       {margin: auto; margin-top:20px; width: 80%; min-width:850px;  color:#000; background-color: #e5ffff;}
.bordered      {border:3px ridge #ccc;}
#hdr        	{float: left; width: 100%;  height:150px;}
#hdrimg        {overflow:hidden;}
#hdrlh         {display: none;}
#logo   		   {float: left; width: 300px; height: 100px;}
#inheadertext	{float:right; padding-top: 10px; padding-left:50px;  width: 200px; height: 100px;}
.navigation    {color:#000;  overflow:auto; background-image:url(../images/navbg.png); background-repeat:repeat-x; }
#contentwrapper {clear:both;}
.subdiv		   {float:left; padding:5px; background-color:#eee; color:#000; border: ridge 2px #ccc;}
.padded        {padding:0 20px 0 20px;}
.notify   		{float:right; padding:5px; font-size: 90%; background-color:#eee; color:#ff3333; border: ridge 2px #ccc;}
.quotediv		{float:left; padding:5px; font-size: 90%; background-color:#eee; color:#000; border: ridge 2px #ccc;}
.polldiv		   {float:right; padding:5px; font-size: 90%; background-color:#eee; color:#000; border: ridge 2px #ccc;}
.login         {float:left; padding:5px; font-size: 90%; background-color:#eee; color:#000; border: ridge 2px #ccc;}
.contact       {float:left; padding:5px; font-size: 90%; background-color:#eee; color:#000; border: ridge 2px #ccc;}
#ftr     		{width: 100%; font-size:80%; color:#333; height:35px; padding-top:5px;  
                background-image:url(../images/navbg.png);  background-repeat:repeat-x; }

#ftr ul        {margin-left: 0; padding-left: 0; display: inline;} 
#ftr ul li     {margin-left: 0; padding: 3px 5px; border-left: 1px solid #fff; list-style: none; display: inline;}
#ftr ul li:first-child { border-left: none;}
#ftr a:link    {color: #333;}

.break         {page-break-before: always; }
/* ============================================================================== */
/* Use for fluid left content + fixed right side column */
#subcontentwrapper {float: left; width: 100%;}
#subcontentcolumn  {margin-right: 220px; }
#subrightcolumn    {float: left; width: 200px; margin-left: -200px;}
.innertube         {margin: 0 10px 0px 10px; padding: 0 0 0 0;}


/* ============================================================================== */
.section 	    {float:left; width:100%;}
#cartcontent    {float:left; width:100%;}
.fl 	          {float:left; padding-right:5px;}
.fr	          {float:right;padding-right:5px;}
.tinydiv        {font-size: 90%;}
.tinydiv input  {font-size: 90%;}
.bold		       {font-weight:bold;}
.alignleft      {text-align:left;}
.aligncenter    {text-align:center;}
.alignright     {text-align:right;}
.label          {float:left; width:150px;}
.hdrlbl         {color:blue; background-color: #eee;}
.code		       {float:left;  font-size:10px; background-color:white; color:green; }
.hlight		    {color:#cc0001;}
.tagline	       {font-weight:bold;}
.error          {color: blue;}
.padlr		    {padding-left:10px; padding-right:10px;}

.w90pct	       {float:left; width:90%;}

.product        {float:left; width:75px;}
.width50	       {float:left; width:50px;}
.width75	       {float:left; width:75px;}
.width100	    {float:left; width:100px;}
.width150	    {float:left; width:150px;}
.width200	    {float:left; width:200px;}
.width250	    {float:left; width:250px;}
.width300	    {float:left; width:300px;}
.width350	    {float:left; width:350px;}
.width400	    {float:left; width:400px;}
.width500	    {float:left; width:500px;}
.width550	    {float:left; width:550px;}
.width600	    {float:left; width:600px;}
.selected	    {font-weight:bold; color:#000;}
.cb		       {clear:both;}
.rightdiv	    {float:right; width:100px;}
.centerdiv	    {width:1020px; margin:auto;}
								
table.basetable        {margin: 1em 1em 1em 2em; background: whitesmoke; border-collapse: collapse; color:#666;}
table.basetable td     {border: 1px silver solid; padding: 0.2em; padding-left: 5px; padding-right: 15px;}
table.basetable th     {border: 1px silver solid; padding: 0.2em; background: gainsboro; text-align: left;}

/* Rounded edges on block  
   Source adapted from: http://www.html.it/articoli/nifty/index.html
   Expalined (aah!): http://codecorner.galanter.net/2009/08/13/easy-rounded-corners-in-pure-htmlcss/
   9BD1FA #bac4c6 
.rndwb        {float:left; background-color: #fff; margin: 0 1%;}
.rnd          {float:left; background-color: #bac4c6; margin: 0 1%;}
*/
.gdiv  {background-color: #ffffbb;}
.gidiv {border-left: 5px solid; #fff; border-right: 5px solid #fff;}
b.rtop, 
b.rbottom     {display:block;background:  #ffffbb}
b.rtop b, 
b.rbottom b   {display:block;height: 1px; overflow: hidden; background: #fff;}
b.r1          {margin: 0 5px}
b.r2          {margin: 0 3px}
b.r3          {margin: 0 2px}
b.rtop b.r4, 
b.rbottom b.r4{margin: 0 1px;height: 2px}
									
/* popup window for product display */
#mask          {position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;}
#boxes .window {position:absolute; left:0; top:50; width:640px; height:auto; display:none; z-index:9999; background-color:#eee;}

/* -- jdMenu base setup -- */
ul.jd_menu, 
ul.jd_menu_vertical     {margin: 0px; padding: 0px; list-style-type: none; color:#333377; }

ul.jd_menu ul,
ul.jd_menu_vertical ul  {display: none; border: 1px ridge #111;}

ul.jd_menu li           {float: left;}
ul.jd_menu_vertical     {width: 100%}
ul.jd_menu_vertical li  {float: none;}

/* -- 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;  border-bottom:1px solid #111;}


ul.jd_menu,
ul.jd_menu ul,
ul.jd_menu_vertical,
ul.jd_menu_vertical ul {}
ul.jd_menu_vertical       {height: auto;}
ul.jd_menu ul             {height: auto;}
* html ul.jd_menu ul      {width: 1%;}
ul.jd_menu li             {font-family: Arial, sans-serif; font-size: 12px; font-weight:bold; 
                           margin: 0; padding: 6px 6px 6px 6px; height: auto;
                           cursor: pointer; text-align:center; 
                           background-image: url(../images/Button-UP.png); background-repeat: no-repeat; 
									background-position: left; padding-left:35px;}
ul.jd_menu li li          {width: 150px;  min-height:0;  padding: 6px 6px 6px 6px; height: auto; text-align:left; background-color:#ddd;
                           background-image: url(../images/Button-UP.png); background-repeat: no-repeat; 
									background-position: left; padding-left:35px;}

ul.jd_menu_vertical li    {background-color: #333; width: 150px;  min-height:0;text-align:left;}

ul.jd_menu li a           {color: #333377; text-decoration: none;}

ul.jd_menu li a:hover     {color: #ffc000;}
ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active  {padding: 6px 6px 6px 6px; 
                           background-image: url(../images/Button-down.png); background-repeat: no-repeat; 
									background-position: left; padding-left:35px;}

ul.jd_menu li.jdm_selected{padding: 6px 6px 6px 6px; 
                           background-image: url(../images/Button-down.png) !important; background-repeat: no-repeat; 
									background-position: left; padding-left:35px;}

ul.jd_menu_vertical li.jdm_hover ,               
ul.jd_menu li li.jdm_hover {width: 150px;  min-height:0; padding: 6px 6px 6px 6px; height: auto; text-align:left; 
                            background-image: url(../images/Button-down.png); background-repeat: no-repeat; 
									 background-position: left; padding-left:35px;}               

/* End of jdMenu Site */ 
.productnavigationleft           {float:left; background-image:url(../images/NavProd_left.png); background-repeat:no-repeat; min-height:36px; width:12px; margin-top:-27px;}
.productnavigationright          {float:left; background-image:url(../images/NavProd_right.png); background-repeat:no-repeat; min-height:36px; width:15px; margin-top:-27px;}
.productnavigation               {float:left; background-image:url(../images/NavProd_tile.png); background-repeat:repeat-x; min-height:36px; min-width:300px; margin-top:-27px;}
.productnavigation ul.jd_menu ul {height: auto;}
.productnavigation ul.jd_menu li {background-color: none; padding: 11px 6px 11px 6px; height: auto; background-position: left; padding-left:35px;}
.productnavigation ul.jd_menu li.jdm_hover {background-color: none; }




#subrightcolumn ul.jd_menu a, 
#subrightcolumn ul.jd_menu a:active,
#subrightcolumn ul.jd_menu a:link,
#subrightcolumn ul.jd_menu a:visited {color: #000;}
#subrightcolumn ul.jd_menu li.jd_menu_active_menubar,
#subrightcolumn ul.jd_menu li.jd_menu_hover_menubar {background-color: #ffffbb;}
#subrightcolumn ul {list-style: none; margin: 0; padding-left: 0px;}
#subrightcolumn   {color:#fff;font-size: 90%;}

.blackcell          {color:#eee; background-color:#000;}
.leftborder         {border-left: 2px solid #ccc;}
.borderit img       {border: 1px solid navy;}
.borderit:hover img {border: 1px solid red;}
.borderit:hover     {color: #5b57a6; text-decoration: underline;/* irrelevant definition to overcome IE bug */}
.productnav ul      {list-style-type: none; disaplay:inline; margin: 0; padding-left: 0px;}
ul.productnav li    {display: inline;}

#alwaysthere        {position: fixed; bottom: 0px; background-color:#eee; color:black; opacity:0.9; margin-left:40px;}
*html #alwaysthere  {position: absolute; bottom: 0px; background-color:#eee; height:200px; color:black;}
#halwaysthere        {position: fixed; top: 200px; opacity:0.9;} 
*html #halwaysthere  {position: absolute; top: 200px; height:30px;}