/*
-----------------------------------------------
Solutions Ink Base Styles
Author:   Ryan Bell
Version:  15 Juin 2005
----------------------------------------------- */

body {

	line-height:1.6em;
	text-align:left;
	

	position: relative;
	font-size: 9pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
	background: #339900 ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  





div.flt {  width:412px;  }
/* remove gap, which could mess up mouseover/out for some browsers */
div.flt img { display:block } 

  
a{
	color:#EA002E;
	text-decoration: none;
	
	
}  

a:hover{
text-decoration:underline;

}

  
p{
	
}

hr{
color:#333333;


	
}

li{
margin-left:-24px;

}
  
 h1  { font-size: 16px;
 color: #EA002E;
 margin-bottom: -10px;
  margin-top: -4px;
	
 } 
 
  h2  {
font-size: 12px;
	color: #EA002E;
	margin-bottom: -15px;
	 margin-top: -4px;
 } 
 
 
  h3  {
 font-size: 12px;
 color: #EA002E;
 margin-bottom: -10px;
  margin-top: -4px;
 } 
 
 
  
  #Title1{
	color:#EA002E;
	font-size: 40px;
	font-family:  Arial, Helvetica, sans-serif;
	position: relative;
	top: 1px;
  }
  
  #Title2{
	color:#333;
	font-size: 18px;
	font-family:  Arial, Helvetica, sans-serif;
	
	position: relative;
	top: -14px;
	
  }
  #Title3{
	color:#000;
	font-size: 15px;
	font-family:  Arial, Helvetica, sans-serif;
	position: relative;
	top: -1px;
	left: 1px;
	letter-spacing: 1px;
	
	
  }
  
    #Title4{
		position: relative;
	top: -6px;
  }
  


	#nava {
		position: relative;
			z-index: 8888888;	  
		
}

	#nava li ul, #nava li ul {
	
		 
	}

	#nava a {
		text-decoration: none;
		
				
	}
	
	
	

	#nava li { /*float the main list items*/
	 		  

	}

	#nava li ul {
		display: none;
				 
	}
	

	#nava li.off ul, #nav li.on ul  {
	position: absolute;
	top: 20px;
	left: 0px;
	
	padding-top: 0px;
	height: 10px;
	
		
	}

	#nava li.on ul {
		
	}

	#nava li.on:hover ul, #nava li.over ul { /*for ie*/
		
	}

	#nava li a {
		
	}

#nava ul li a:hover {
	text-decoration: none;
	

	}
	#nava li.on a {
		
	}
	
	

	#nava li.on ul a, #nava li.off ul a {
	
		float: left; /*ie doesn't inherit the float*/
		
		width: auto;
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 4px;
	}

	#nava li.on:hover ul a, #nava li.over ul li a { /*for ie - the specificity is necessary*/
		
	}

	#nava li.on ul {
		
	}

	#nava li.off:hover ul, #nava li.over ul {
		display: block;
		z-index: 6000;
	}

	#nava li.off a:hover, #nava li.on a:hover { 
		color: #EA002E;
	}

	/*do the image replacement*/

	#nava li span {
		position: absolute;
		left: -9384px;
	}

	
/*first, put the initial states in place*/

#nava-solutions li {
	color: #000000;
		background: #000000;
		
		
		
}

#nava-solutions a {
	  background-position:0 -150px;
      border-width:0;
	
}


/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #nava-solutions.on a {
 	
	  background-position:0 -150px;
      border-width:0;
	
 } /*add selectors for the other li's and background-positions*/

/*hover states*/


#nava-solutions a:hover, #nava-solutions:hover a, #nava-solutions.over a {
	
	
	  background-position:0 -150px;
      border-width:0;
}

/*subnav formatting*/

#nava li.off ul a, #nava li.on ul a {

	color: #333;
	height: 23px;	
}		

#nava li.on ul a {
	
}
	
  
  
  
  
  
  
  
  
  
  
    #header {
	float:left;
	width:100%;
	background: url("bg.gif") repeat-x bottom;
	line-height:normal;
	z-index: 8888888;	  
	  
	  
	  
      }
    #header ul {
      margin:0;
      padding:0px 0px 0;
      list-style:none;
      }
    #header li {
      float:left;
     
      margin:0;
      padding:0 0 0 0px;
      border-bottom:1px solid #765;
      }
    #header a {
	float:left;
	display:block;
	width:0.1em;
	
	padding:0px 15px 4px 2px;
	text-decoration:none;
	font-weight:bold;
	color:#333;

      }
    #header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#EA002E;
      }
    #home #nav-home, 
    # Tips #nav- Tips, #about #nav-about,
    #contact #nav-contact {
      background-position:0 -150px;
      border-width:0;
      }
    #home #nav-home a, 
    # Tips #nav- Tips a, #about #nav-about a,
    #contact #nav-contact a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#EA002E;
      }
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#EA002E;
      }
    #header li:hover a {
      background-position:100% -150px;
      }
  
  
  
  
  
  #solutions #nava-solutions
    {
      background-position:0 -150px;
      border-width:0;
	  
      }
     #solutions #nava-solutions a
   {
	background-position:100% -150px;
	padding-bottom:5px;
	color:#EA002E;

      }
	  
	  
	#solutions #nava li ul {
		display: block;
				 
	}  
  
  
  
  
    
  #printing #nava-solutions
    {
      background-position:0 -150px;
      border-width:0;
	  
      }
     #printing #nava-solutions a
   {
	background-position:100% -150px;
	padding-bottom:5px;
	

      }
	  
	  
	   #printing #nava-solutions  li a
   {
	background-position:100% -150px;
	padding-bottom:5px;
	

      }
	  
	#printing #nava li ul  {
		display: block;
				
	}  
	
	#printing #nava {
		 color:#000000;
				
	}  
	
	
     #printing #nav-printing a 
   {
	background-position:100% -150px;
	padding-bottom:5px;
	color:#EA002E;

      }	
	
	
	
	 #invitations #nava-solutions
    {
      background-position:0 -150px;
      border-width:0;
	  
      }
     #invitations #nava-solutions a
   {
	background-position:100% -150px;
	padding-bottom:5px;
	

      }
	  
	  
	   #invitations #nava-solutions  li a
   {
	background-position:100% -150px;
	padding-bottom:5px;
	

      }
	  
	#invitations #nava li ul  {
		display: block;
				
	}  
	
	#invitations #nava {
		 color:#000000;
				
	}  
	
	
	
	
	
	  
    
     #invitations #nav-invitations a 
   {
	background-position:100% -150px;
	padding-bottom:5px;
	color:#EA002E;

      }
	  
	  







#promotionalsitems #nava li ul  {
		display: block;
				
	}  
	
	#promotionalsitems #nava {
		 color:#000000;
				
	}  
	
	
	
	
	
	  
    
     #promotionalsitems #nav-promotionalsitems a 
   {
	background-position:100% -150px;
	padding-bottom:5px;
	color:#EA002E;

      }
	  
	
	
	
	
  
/*voila*/

  #nava-solutions li {
background:url("bgx.gif") repeat-x bottom;
	color: #fff;
	 float:left;
    
      margin:0;
      padding:0 0 0 5px;
      border-bottom:0px solid #765;
	
}






/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(images/shadows/v2/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(images/shadows/v2/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(images/shadows/v2/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}
#v1 .wrap1 {background:url(images/shadows/v1/shadow.gif) right bottom no-repeat;}
#v1 .wrap2 {background:url(images/shadows/v1/corner_bl.gif) -4px 100% no-repeat;}
#v1 .wrap3 {
	padding:0 5px 5px 0;
	background:url(images/shadows/v1/corner_tr.gif) 100% -3px no-repeat;}
#v2 .wrap1 {background:url(images/shadows/v2/shadow.gif) right bottom no-repeat;}
#v2 .wrap2 {background:url(images/shadows/v2/corner_bl.gif) -1px 100% no-repeat;}
#v2 .wrap3 {
	padding:0 6px 6px 0;
	background:url(images/shadows/v2/corner_tr.gif) 100% -1px no-repeat;}
#v3 .wrap1 {background:url(images/shadows/v3/shadow.gif) right bottom no-repeat;}
#v3 .wrap2 {background:url(images/shadows/v3/corner_bl.gif) -12px 100% no-repeat;}
#v3 .wrap3 {
	padding:0 9px 9px 0;
	background:url(images/shadows/v3/corner_tr.gif) 100% -12px no-repeat;}
#v4 .wrap1 {background:url(images/shadows/v4/shadow.gif) right bottom no-repeat;}
#v4 .wrap2 {background:url(images/shadows/v4/corner_bl.gif) -12px 100% no-repeat;}
#v4 .wrap3 {
	padding:0 16px 16px 0;
	background:url(images/shadows/v4/corner_tr.gif) 100% -12px no-repeat;}
#v5 .wrap1 {background:url(images/shadows/v5/shadow.gif) right bottom no-repeat;}
#v5 .wrap2 {background:url(images/shadows/v5/corner_bl.gif) -12px 100% no-repeat;}
#v5 .wrap3 {
	padding:0 9px 9px 0;
	background:url(images/shadows/v5/corner_tr.gif) 100% -12px no-repeat;}
#v6 .wrap1 {background:url(images/shadows/v6/shadow.gif) right bottom no-repeat;}
#v6 .wrap2 {background:url(images/shadows/v6/corner_bl.gif) -4px 100% no-repeat;}
#v6 .wrap3 {
	padding:0 16px 16px 0;
	background:url(images/shadows/v6/corner_tr.gif) 100% -4px no-repeat;}
.example {clear:both;margin:20px 0; 
}
.example p{position:relative;left:30px;}
.example a {font-weight: normal !important;}












.ahem {
	display: none;
	}
#top h1 {color:#fff;}
#top {
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border: 5px solid #000;
	
	height: 100px; /* ie5win fudge begins */
	
	height: 70px;
	}
html>body #top {
	height: 70px; /* ie5win fudge ends */
	}
#left {
	position: absolute;
	top: 120px;
	left: 0px;
	margin: 20px;
	width: 150px; /* ie5win fudge begins */

	width: 120px;
	}
html>body #left {
	width: 120px; /* ie5win fudge ends */
	}
#middle {
	margin: 0px 0px 0px 0px;
	}
#right {
	position: absolute;
	top: 120px;
	right: 5px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px;
	width: 150px; /* ie5win fudge begins */

	width: 120px;
	}
html>body #right {
	width: 120px; /* ie5win fudge ends */
	}
pre {
	
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}



div.print{
position:relative;
z-index:2;
top:-30000px;

}

div.solutions{
position:relative;
z-index:3;


}


/* Custom corners addition */
div.Article {
	background:  url("../images/custom_corners_topleft.gif") top left no-repeat;
	position:relative;

	
	
	
  } 
div.Article h3 {
  position:relative;
  background:  url("../images/custom_corners_topright.gif") top right no-repeat;
  
  padding:17px;
  padding-left:0;
  margin:0;
  right:-8px;

  
  }
div.ArticleBody {
  background:  url("../images/custom_corners_right.gif") top right repeat-y;
  margin:0;
  margin-top:-2em;
  padding:8px;
  padding-left:0;
  position:relative;
  right:-8px;

  
  }
div.ArticleFooter {
  background:  url("../images/custom_corners_bottomleft.gif") bottom left no-repeat;
  position:relative;
  
  }
div.ArticleFooter p {
  background:  url("../images/custom_corners_bottomright.gif") bottom right no-repeat;
  padding:4px;
  padding-left:0;
  display:block;
  margin:-0.8em 0 0 0;
  position:relative;
  right:-8px;
  

  }
 div.ArticleLongContent {
 background: url("../images/custom_corners_leftborder.gif") top left repeat-y;
position:relative;

 }

div.logodiv{
position: relative;
z-index:7;}


div.topnav{
position:relative;
z-index:99;
}


div.testframe{
top:-85px;
	position: relative;
	z-index: 2;
	background-color:#FFFFFF;
}


div.printframe{
	top:-136px;
	position: relative;
	z-index: 1;
	right:0px;
	
}






div.checkerboardwhiteframe{
top:-85px;
	position: relative;
	z-index: 2;
	background-color:#FFFFFF;
}


div.checkerboardframe{
	top:-175px;
	position: relative;
	z-index: 1;
	right:0px;
	
}

div.carlsonwhiteframe{
top:-94px;
	position: relative;
	z-index: 2;
	background-color:#FFFFFF;
}


div.carlsonframe{
	top:-220px;
	position: relative;
	z-index: 1;
	right:0px;
	
}





/* Custom corners addition */
div.Article2 {
	background:  url("../images/2custom_corners_topleft.gif") top left no-repeat;
	position:relative;
	  margin-top:0.1em;
	    margin-left:-0.1em;

		

  } 
div.Article2 h2 {
  position:relative;
  background:  url("../images/2custom_corners_topright.gif") top right no-repeat;
 
  padding:17px;
  padding-left:0;
  margin:0;
  margin-top:-0.2em;
  right:-8px;
  }
div.ArticleBody2 {
  background:  url("../images/2custom_corners_right.gif") top right repeat-y;
  margin:0;
  margin-top:-2em;
  padding:8px;
  padding-left:0;
  position:relative;
  right:-8px;
  
  }
div.ArticleFooter2 {
	background:  url("../images/2custom_corners_bottomleft.gif") bottom left no-repeat;
	position:relative;
	top:7px;

	

  }
div.ArticleFooter2 p {
  background:  url("../images/2custom_corners_bottomright.gif") bottom right no-repeat;
  padding:14px;
  padding-left:0;
  display:block;
  margin:-2em 0 0 0;
  position:relative;
  right:-8px;
  }
 div.ArticleLongContent2 {
 background: url("../images/2custom_corners_leftborder.gif") top left repeat-y;
 }






div.bas{
	color:#FFFFFF;
	font-size: smaller;

}

div.bas a {
color:#FFFFFF
}




#example2b {
	text-decoration: none;

	padding-bottom: 5px;
	}

#example2b:hover {
	background: url(../images/animarrow.gif) repeat-x 100% 100%;
	}


ul a {
color:#333333;
	text-decoration: none;
}

ul a a:hover{
color:#333333;
	text-decoration:underline;
}
.promo { color: #f00; font-size: 14px; font-family: Verdana; font-weight: bold }
.class { color: #036; font-size: 9px; font-family: Verdana }
.class1 { color: #f00; font-size: 15px; font-family: Verdana; font-weight: 700 }
.class2  { color: #f30; font-size: 11px; font-family: Verdana; font-weight: 700; vertical-align: top }
.class3   { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; a: #EA002E  }  

a:hover{
text-decoration:underline;

}
.class4  { color: orange; font-size: 18px; font-family: ARIAL; font-style: normal; font-weight: 600 }
.class5  { color: gray; font-size: 15px; font-family: ARIAL; font-style: normal; font-weight: 600 }
.class6 { color: #ff4500; font-size: 14px; font-family: Arial; font-style: normal; font-weight: 600 }
.class7 { color: #f00; font-size: 16px; font-family: Arial; font-style: normal; font-weight: 700 }
.class8 { color: #000; font-size: 13px; font-family: Verdana }