/* 
	Mercantec.com CSS Document
	Copyright 2004-2007 Mercantec, Inc.

Global Definitions
Text: Black
Font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 

Basic color wheel:
Blue: #3333cc
Red: #b92d0f
Green: #537f17

background:#e9e8d7 (a nice taupe color)
Main container is 800 px wide outside; with 25px margins.



-------------------------------
* {
	margin: 0;
	padding: 0;
}

body,
html {background:#e9e8d7 }

body   { 
	margin:10px 0px; padding:0px;  need to set body margin and padding to get consitency between browsers. 
	text-align:center;  Hack for IEWin 
	color: #333; 
	font-size: 11px; 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	line-height: 14px; 
}
*/

/* Simple Box by Ted. Thanks Ted for making something that "should be" simple...simple. 
Attribution and praise to Ted. More at www.sperling.com/examples/box/
Also, see www.smileycat.com/miaow/archives/000044.php
\*/
* html #tlc, * html #trc {height: 1%;}
/* */

body
	{
	margin: 0;
	padding: 0;
	background-color: #e9e8d7;
	font: 14px/130%  'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	text-align: center; 
	}

a  { 
	color: #537f17; 
	font: 13px 'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline 
}

a:visited { 
	color: #660 
}

a:hover { 
	color: #b92d0f 
}

a:active { 
	color: #537f17 
}



#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 0;
	padding: 0;
	text-align: left;
	width: 800px;				/* <-- use this to tie width to viewport size */
/* <--	width: 40em;				 use this for a set width */
	border-color: #e9e8d7;
	background-color: #e9e8d7;
	}
	

#content	{
	padding:25px; 
	position: relative;
	min-width: 750px; /* IE hack for background printing problems */
	min-height: 200px;
	width: 98%;
	background: url(tmp_images/clear.gif) repeat-y left;
	}

#content h1	{
	color:#004487;
	font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 130%;
	}
	
#content h2	{
	text-align: left;
	color: #000000;
	font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 110%;
}
		
#content p	{
	text-align: left;
	color:#3b3b3b;
	font: 14px/130%  'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	}
	
#content.nav	{
	font-size: 11px;
}

#td, tr	{min-height: 50px;}

/* all the jazz one must go thru to place a horizontal line. Ugh! Thanks to http://www.saila.com/usage/tips/defn.shtml?hr
This guy must be a real genius! */
HR { text-align: left; width: 104%; height: 1px; color: #3333cc; border: none; } /* For Internet Explorer */
HTML>BODY HR { margin-left: 0; width: 95%; height: 1px; background-color: #3333cc; border: none; } /* For Gecko-based browsers */
HTML>BODY HR { margin-left: 0; width: 95%; height: 1px; background-color: #3333cc; border: 0px solid #F00; } /* For Opera and Gecko-based browsers */

#headernavlinks {
	color: #004487;
	margin-left: 12px;
	font-weight: bold;
/*	margin: 0px 0 0 0px;
	padding: 0px 0px 10px 15px;
	font-size: 11px;
	line-height: 18px;
	font-family: verdana, tahoma, arial;
*/
}

#headernavlinks a:visited:hover {
	color: #b92d0f;
	text-decoration:underline;
/*	font-size: 11px;
	font-family: verdana, tahoma, arial;
*/

}

#headernavlinks a:link:hover {
	color: #b92d0f;
	text-decoration:underline;
/*	font-size: 11px;
	font-family: verdana, tahoma, arial;
*/	
}

#headernavlinks a:link, #headernavlinks a:visited  {
	color: #004487;
	font-weight: bold;
/*	font-size: 11px;
	font-family: verdana, tahoma, arial;
*/
}


#headerloginlinks {
	color: #3333cc;
	margin-right: 7px;
/*	padding: 0px 10px 5px 5px;
	font-size: 11px;
	line-height: 15px;
	font-family: verdana, tahoma, arial;
*/
}

#headerloginlinks a:visited:hover {
	color: #b92d0f;
	text-decoration:underline;
/*	font-size: 11px;
	font-family: verdana, tahoma, arial;
*/
}

#headerloginlinks a:link:hover {
	color: #b92d0f;
	text-decoration:underline;
/*	font-size: 11px;
	font-family: verdana, tahoma, arial;
*/
}

#headerloginlinks a:link, #headerloginlinks a:visited  {
	color: #3333cc;
	text-decoration:none;
/*	font-size: 11px;
	font-family: verdana, tahoma, arial;
*/
}

/*
#headersearchfield {
		position: relative; bottom: 0px; right: 10px;
		height: 5px; /* for firefox mozilla 
		padding: 10px 3px 5px 5px;
		font-size: 10px !important;		
		line-height: 15px;
		font-family:Arial, Helvetica, sans-serif;
}
*/

/* style for secondary (or 3rd-level) menu on Solutions page */		 
#top2navlinks {
	color: #3333cc;
	font: 18px/130%  'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
/*	margin: 0px 0 0 0px;
	padding: 0px 0px 10px 15px;
	font-family: verdana, tahoma, arial;
*/
}

#top2navlinks a:visited:hover {
	color: #b92d0f;
	font: 18px/130%  'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:underline;
/*	font-size: 11px;
	font-family: verdana, tahoma, arial;
*/

}

#top2navlinks a:link:hover {
	color: #b92d0f;
	font: 18px/130%  'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:underline;
/*	font-size: 11px;
	font-family: verdana, tahoma, arial;
*/	
}

#top2navlinks a:link, #top2navlinks a:visited  {
	color: #3333cc;
	font: 18px/130%  'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none;
/*	font-size: 11px;
	font-family: verdana, tahoma, arial;
*/
}




/* Home page 2 box selection */
.linkboxleft	{
	text-align: left;
	padding-left:12px;
	background-image: url(tmp_images/bottom-boxes-left4.jpg);
	background-repeat: no-repeat;
	background-position: 12px top;
}


.copy	{
		width: 335px;
		text-align: left;
		padding: 105px 5px 0px 10px;
		line-height: 150%;
		color: #000;
}

.list	{
		text-align: left;
		font: 14px/130%  'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		line-height: 26px;
		padding: 5px 5px 0px 0px;
		list-style:inside square ;
		margin-left: -20px;
		margin-top: -15px;
		color: #000;
}	

.linkboxright	{
	text-align: left;
	background-position: 10px top;
	background-image: url(tmp_images/bottom-boxes-right4.jpg);
	background-repeat: no-repeat;
	padding-left: 12px;

}

#learnmore	{
	width: 100px;
	margin: 90px 0 0 115px;
}

#learnmore_right	{
	width: 100px;
	margin: 122px 0 0 115px;
}

.company_blurb	{
	font: 12px/120% "Times New Roman", Times, serif;
	text-align:center;
}

	
span.highlight {
	background-color:#FFFF99;
	}

.clearing {height:0;clear:both}

/*Squeeze page declarations */

#squeezecontent	{
	padding:25px; 
	position: relative;
	min-width: 750px; /* IE hack for background printing problems */
	min-height: 200px;
	width: 98%;
	background: url(tmp_images/clear.gif) repeat-y left;
	}

#squeezecontent h1	{
	color:#0354c2;
	font:  24px/130%  'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	}
	
#squeezecontent h2	{
	text-align: left;
	font:  20px/110%  'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	color: #FF9933;
}
		
#squeezecontent p	{
	text-align: left;
	color:#3b3b3b;
	font: 16px/130%  'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	}
	
#squeezecontent.nav	{
	font-size: 11px;
}


/* For endorsments on home page */
#ysnazzy h1, #ysnazzy h2, #ysnazzy p {margin:0 ; text-align:center;}
#ysnazzy h1 {font-size:20px; color:black;padding-top:0; line-height: 100%; padding-bottom:5px;}
#ysnazzy h2  {font-size:14px;color:gray; border:0; background:#a4c5e1; line-height: 80%; width: 98%; clear:both; padding-bottom:4px;}
#ysnazzy p {padding-bottom:3px; color:#000099; padding-top:3px; font: 14px/100% Georgia, Garamond, Times, serif;}

#ysnazzy {background: transparent; width: 400px; margin-left:5px; }

.ytop, .ybottom {display:block; background:transparent; font-size:1px;}
.yb1, .yb2, .yb3, .yb4 {display:block; overflow:hidden;}
.yb1, .yb2, .yb3 {height:1px;}
.yb2, .yb3, .yb4 {background:#a4c5e1; border-left:1px solid #08c; border-right:1px solid #08c;}
.yb1 {margin:0 5px; background:#08c;}
.yb2 {margin:0 3px; border-width:0 2px;}
.yb3 {margin:0 2px;}
.yb4 {height:2px; margin:0 1px;}

.yboxcontent {display:block; background:#a4c5e1; border:0 solid #08c; border-width:0 1px;}

div.img_align	{margin-left: 10px; padding: 2px; border:none; width:90px; float:left; text-align:left; }
div.endorer_copy {padding-bottom:5px; color:#000099; padding-top:10px;  font: 14px/100% Georgia, Garamond, Times, serif; width: 280px; text-align:left; float:left; }
div.endorser_who	{padding-top:10px; margin: 0; font-size:14px;color:gray; border:0; background:#08c; line-height: 80%; text-align:center; float:left; width:280px; padding-bottom:4px;}




/* --- Footer --- */
td.footerlogo {padding: 15px 5px 0px 5px;}  /* --- Merc logo --- */

/* --- 	top: repeating main site navigation
		right: key links
		bottom: partner links/pages
		 --- */
		 
#footerpraise {
	padding: 5px 5px 10px 5px;
	color: #000000;
	font-size: 10px;
	line-height: 15px;
	font-family: verdana, tahoma, arial;
}
		 
#topnavlinks {
	padding-top: 15px;
	color: #3333cc;
	font-size: 9px;
	line-height: 10px;
	height: 10px;
	font-family: verdana, tahoma, arial;
	text-align:center;
}

#topnavlinks a:link, #topnavlinks a:visited {
	color: #3333cc;
	font-size: 9px;
	font-family: verdana, tahoma, arial;
	text-decoration: none;
}

#topnavlinks a:hover {text-decoration: underline; color:#b92d0f}

#rightnavlinks {
	color: #537f17;
	font-size: 9px;
	line-height: 10px;
	height: 10px;
	font-family: verdana, tahoma, arial;
	text-align:center;
}

#rightnavlinks a:visited:hover {
	color: #537f17;
	font-size: 9px;
	font-family: verdana, tahoma, arial;
	text-decoration:underline;
}

#rightnavlinks a:link:hover {
	color: #537f17;
	font-size: 9px;
	font-family: verdana, tahoma, arial;
	text-decoration: underline;
}

#rightnavlinks a:link, #rightnavlinks a:visited  {
	color: #537f17;
	font-size: 9px;
	font-family: verdana, tahoma, arial;
	text-decoration: none;
}

#bottomnavlinks {
	color: #666666;
	font-size: 9px;
	line-height: 10px;
	height: 10px;
	text-align:center;
	font-family: verdana, tahoma, arial;
}

#bottomnavlinks a:link, #bottomnavlinks a:visited {
	color: #666666;
	font-size: 9px;
	font-family: verdana, tahoma, arial;
}

#bottomnavlinks a:hover {color: #CC6600;}

#sitemap, #sitemap a:link, #sitemap a:hover, #sitemap a:visited, #sitemap a{
	color: #999999;
	font-size: 9px;
	line-height: 10px;
	font-family: verdana, tahoma, arial;
	text-align:center;
	margin-left: 3px;
}

#copyright {
	color: #999999;
	font-size: 9px;
	line-height: 30px;
	font-family: verdana, tahoma, arial;
	text-align:center;
	margin-left: 3px;
}


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

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/container_07.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/container_09.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/container_22.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/container_24.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/container_11.gif);
	background-position: 0% 0%;
	border:none;
	}

#bb
	{
	background-image:url(images/container_32.gif);
	background-position: 50% 100%;
	border:none;
	}
	
#rb
	{
	background-image:url(images/container_14.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	border:none;
	}

#lb
	{
	background-color: white;
	background-image:url(images/container_12.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	border:none;
	}
			
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #666666;
}
.quotesub {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}