/*  2010 design style */

.bodytext, p, td {

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 115%;
	font-color: #525252;

}

#footer {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #00596C;
	line-height: 115%;

}

h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6A021D;
	line-height: 115%;
}

h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00596C;
	line-height: 115%;
}

h4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #6A021D;
	line-height: 115%;
}
h5 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00596C;
	line-height: 115%;
}



a:link {

	color: #00596C;

	text-decoration: none;

	font-size: 12px;

}

a:visited {

	color: #00596C;

	text-decoration: none;

	font-size: 13px;

}

a:hover {

	color: #6A021D;

	font-size: 13px;

}

a:active {

	color: #00596C;

	text-decoration: none;

	font-size: 13px;

}



/* top navigation menu */

body {  
 /* This path has to be correct! If nothing hovers in IE,     this is probably not found */  
   behavior:url("http://www.nextstepcrm.com/fileadmin/templates/css/csshover.htc");
   }
   
   /* List TopNav Multimenu start*/
/* Colors used: 
   bottom border mainmenu div and 
   partial border around horizontal links buttons and
   #000000 = black
   bottom border of dropdown
   #000000 = black
   background of horizontal links buttons
   #ffffff = white
   background of hover and selected horizontal links buttons
  #ffffff = white
   partial border around horizontal links buttons and
   font color of selected horizontal links
   #00596C = teal
   level 1 & 2 dropdown background color
  #ffffff = white
   level 1 & 2 dropdown link color
   #00596C = teal
   Level 1 dropdown hover and selected link color
   #6A021D = burgundy
   level 1 & 2 dropdown background color
   #ffffff = white
   level 2 dropdown hover & selected background color
  #6A021D = burgundy
   */
   
   div#mainmenu {
   /* needed to give a margin above and below the buttons */
   height: 2em; 
   border: 1px solid #000000;
   } 
   
   .mainmenu {
   }
   #nav {
   list-style: none;
   position: relative;
   width: 1080px !important; 
   width: 1080px; 
   margin: 0px 5px 0px 0px !important;
   margin: 0px 5px 0px 0px;
   font-size: 2.5em;
   }
   
   #nav ul {
   list-style: none;
   display: none;
   position: absolute;
   overflow: visible;
   border-bottom: 1px solid #000000;
   }
   
   #nav li {
   display: block;
   width: 125px; 
   position: relative;
   margin: 3px 3px 2px 3px !important; 
   margin: 3px 3px 2px 3px;
   padding-bottom: 2px !important;
   padding: 0;
   float: left;
   }
   #nav li a {
   display: block;
   background-color: #ffffff;
   color: #00596C; 
   font-weight: bold;
   text-decoration: none;
   border: solid 0px; 
   border-color: #000000;
   }
   #nav li a:hover {
   background-color: #ffffff;
   color: #6A021D;
   border: solid 0px; 
   border-color: #000000;
   }
   #nav li.sel A {
   background-color: #ffffff;
   color:  #00596C;
   }
   #nav li.sel A:hover {
   background-color: #ffffff;
   color: #6A021D;
   }
   
   /* 1st dropdown level */
   #level1 {
   display: block;
   border-color: #000000 #000000 #000000 #000000;
   left: 0px;
   }
   #level1 UL {
   position: absolute;
   overflow: visible;
   border: 0px solid #000000 #000000 #000000 #000000;
   }
   #level1 li {
   display: block;
   margin: 0 !important; 
   margin: 0;
   padding: -0 0 !important;
   font-size: 2em; 
   }
   #level1 li A {
   display: block;
   width: 125px; 
   background: #ffffff;
   padding: 1px 3px;
   font-weight: normal;
   text-align: left;
   text-decoration: none;
   color: #00596C;
   margin: 0; 
   border: 0; 
   }
   #level1 li A:hover {
   display: block;
   color: #6A021D;
   background-color: #ffffff;
   border: 1px solid #000000 #000000 #000000 #000000;
   }
   #level1 li.sel A {
   background-color: #ffffff;
   color: #00596C;
   }
   #level1 li.sel A:hover {
   background-color: #ffffff;
   color: #6A021D;
   } 
   
   /* 2nd dropdown level */
   #level2 {
   display: block;
   left: 0px !important;
   left:0px;
   top: 0; !important;
   }
   #level2 UL {
   display: block;
   position: relative;
   overflow: visible;
   }
   #level2 LI {
   display: block;
   }
   #level2 li A {
   display: block;
   background: #ffffff;
   }
   #level2 li A:hover {
   display: block;
   background: #ffffff;
   }
   #level2 li.sel A {
   background-color: #ffffff;
   color: #00596C;
   }
   #level2 li.sel A:hover {
   background-color: #ffffff;
   color: #6A021D;
   }
   
   /* all see this */
   #nav ul ul, #nav ul ul ul {
   display: none;
   position: absolute;
   width: 125px;
   top: 0;
   }
   /* non-IE bowsers see this */
   #nav ul li>ul, #nav ul ul li>ul {
   margin-top: 0;
   }
   #nav LI:hover UL UL, #nav LI:hover UL UL UL{
   display: none;
   }
   #nav LI:hover UL {
   display: block;
   }
   #nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul {
   display: block;
   }
   li>ul {
   top: auto:
   }
   UNKNOWN {
   margin-top: 0;
   left: auto; 
   top: auto;
   }

/* List TopNav Multimenu end*/ 

/* left navigation menu */


.leftnav a:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #008F98;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;}



.leftnav a:active { 

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #008F98;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -24px;

 }



.leftnav a:hover { 

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #570C06;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -24px;

 }



.leftnav-act a:link {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #008F98;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

  }





.leftnav-act a:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

text-indent: 15px; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #008F98;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

}



.leftnav-act a:active { 

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

text-indent: 15px; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #008F98;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -24px;

color: #00596C;

 }



.leftnav-act a:hover { 

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

text-indent: 15px; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

color: #008F98;

border-bottom-width: thin;

border-bottom-color: #008F98;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -24px;

 }



.leftnav2-act a:active {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

text-indent: 15px; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #008F98;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -24px;

color: #00596C;

}

.leftnav2-act a:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

text-indent: 15px; 

color: #008F98;

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #570C06;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -24px;

}

 

.leftnav2 a:link {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

text-indent: 30px; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #008F98;

color: #00596C;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -48px;

}



.leftnav2 a:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

text-indent: 30px; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #008F98;

text-decoration: none; 

color: #00596C;

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -48px;

}



.leftnav2 a:active {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

text-indent: 30px; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #008F98;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

color: #00596C;

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -48px;

}

.leftnav2 a:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

color: #008F98;

text-indent: 30px; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #570C06;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -48px;

}





.leftnav2-act a:link {font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

text-indent: 30px; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #008F98;

text-decoration: none; 

color: #00596C;

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -72px;

}

.leftnav2-act a:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

text-indent: 30px; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #008F98;

text-decoration: none; 

width: 100%; 

color: #00596C;

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -72px;

}

.leftnav2-act a:active {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

text-indent: 30px; 

white-space: nowrap; 

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #008F98;

text-decoration: none; 

color: #00596C;

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -72px;

}

.leftnav2-act a:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold; 

display: block; 

text-indent: 30px; 

white-space: nowrap; 

color: #008F98;

border-bottom: 2pt;

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #570C06;

text-decoration: none; 

width: 100%; 

padding-left: 4px; 

padding-right: 4px; 

padding-top: 4px; 

padding-bottom: 5px;

background-position: 0 -72px;

}

html { 

	min-height: 101%; 

}



.questions {

	font-style: italic;

	font-weight: bold;

	color: #008F98;

}


/* Styles from 2007-2009 design */
.bordergrn {

	border: 1px solid #008F98;

}

.prod1 {

	background-image: url(http://www.nextstepcrm.com/fileadmin/templates/images/l1.jpg);

	background-repeat: no-repeat;

}



.prod2 {

	background-image: url(http://www.nextstepcrm.com/fileadmin/templates/images/l2.jpg);

	background-repeat: no-repeat;

}

.prod3 {

	background-image: url(http://www.nextstepcrm.com/fileadmin/templates/images/l3.jpg);

	background-repeat: no-repeat;

}

.prod4 {

	background-image: url(http://www.nextstepcrm.com/fileadmin/templates/images/graybackground.jpg);

	background-repeat: no-repeat;

}

.dots {

	background-image: url(images/nextstepdot.gif);

	background-repeat: repeat-x;

}

.L {

	background-image: url(http://www.nextstepcrm.com/fileadmin/templates/images/L.gif);

	background-repeat: no-repeat;

}

.contactman {

	background-image: url(images/contactman.jpg);

	background-repeat: no-repeat;

}

.services {

	background-image: url(images/services.jpg);

	background-repeat: no-repeat;

}

.contact {

	background-image: url(images/contact.jpg);

	background-repeat: no-repeat;

}

.products {

	background-image: url(images/products.jpg);

	background-repeat: no-repeat;

}

.tips {

	background-image: url(images/tips.jpg);

	background-repeat: no-repeat;

}



.verdana10 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}



/*  END Styles from 2007-2009 design */