/* CSS Document */
/* Intended for every page of Spanish Graco site. */

/* General page styles */
body {
	background-color: #e4e2e2;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	margin: 0;
	padding: 0;
	text-align: center;
}
a, a:link, a:active, a:visited { color: #0033ab; font-weight: bold; text-decoration: none; }
a:hover { color: #990000; font-weight: bold; text-decoration: underline; }
#interiorContent	{
	float:left;
	width:720px;
	margin:0; 
	padding: 25px;
	min-height: 300px;
}
/*     IE hack to handle the min-height issue */	
* html #interiorContent {height:300px}
#interiorContent h2	{
	margin: 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 22px;
}

/* Top Navigation styles - masthead */
#masthead	{
	width: 770px;
	height: 88px;
	background-color: #0033ab;
	margin: 0;
	background-repeat:no-repeat;
}
#masthead a	{
	color: #fff;
	text-decoration: none;
}
#masthead a:hover	{
	font-color: #fff;
	text-decoration: underline;
}
/*     Hidden Graco header */
#masthead h1	{
	position: absolute;
	top: 0;
	left: 0;	
	text-indent: -9999px;
	display: inline;
}
/*     Visible Graco header */
#masthead h2	{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.1;
	width: 350px;
	margin: 0;
	padding: 10px 0 0 120px;
	display: inline;
	float: left;
}
div#searchBox{
	float: right;
	width: 135px;
	margin-top: -10px;
}	
input.searchform { 
	color: #000000; 
	background: #CCCCCC; 
	font-weight: normal; 
	font-size: 11px; 
	width: 100px; 
}
.searchText{
	display: block;
	margin: 0 0 6px 0;
	padding: 0;
	color: #fff;
	font-size: 11px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
.searchFields{
	display:block;
	margin: 0;
	margin-top: -6px;
	padding: 0;
}	
.searchButton{
	margin-bottom: -3px;
	margin-left: 3px;
}
	
#languageselector	{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding: 6px 8px 0 0;
	color: #fff;
}
#languageselector a	{
	font-weight: normal;
}
#topnav		{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:right;
	padding: 5px 12px 0 0;
	color:#fff;
}
#topnav ul	{
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}
#topnav ul li	{
	display: inline;
	margin: 0;
	padding: 0 0 0 8px;
	list-style: none;
	width: auto;
	text-decoration: none;
}
#topnavblock {
	float: right;
	width: 300px;
	display: inline;
}
#mainnav	{
	margin: 0;
	padding: 5.5px 0 0 112px;
	color: #ffffff;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 12px;
	display: inline;
	float: left;
	width: 500px;
}
/* End of Masthead styles */

/* Footer Styles */
#footer	{
	clear: both;
	width: 770px;
	height: 57px;
	margin: 0;
	padding: 0;
	background-color: #000000;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited	{
	font-weight: normal; 
	text-decoration: none;
	color: #FFCC00;
}
.leftFooterContent	{
	width: 275px;
	display: inline;
	float: left;
	padding-top: 40px;
}	
.rightFooterContent	{
	width: 425px;
	float: right;
	display: inline;
	text-align: right;
}
#fineprintnav	{
	font-size: 12px;
	margin-bottom: 5px;
}
#greyFooterBox	{
	color: #fff;
	margin: 0;
	padding: 10px;
	font-size: 10px;
}
#greyFooterBox a, #greyFooterBox a:link, #greyFooterBox a:active, #greyFooterBox a:visited	{
	font-weight: normal; 
	text-decoration: none;
	color: #FFCC00;
}	
#greyFooterBox a:hover	{
	text-decoration: underline;
}		

