@charset "UTF-8";

/* -----------------------------
* stylesheet for home page only
* -----------------------------
* 1.00 (cheth) 2009-Mar-03 initial separation
* 1.01 (cheth) 2009-Mar-06 support popup; charset must be very first line
* 1.02 (cheth) 2009-Aug-27 add topNav {margin-left:0} for ie on home page
* -----------------------------
*/

/* ------make ie and firefox defaults the same-----
----------------NOT IMPLEMENTED-------------------
* {
	padding:0;
	margin:0;
}

body {
	padding:5px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset,address {
	margin:20px 0;
}

li, dd, blockquote {
	margin-left: 40px;
}

fieldset {
	padding:10px;
}
  ------end of: make ie and firefox defaults the same----- */

body {
	background-image: url(http://www.foundog.com/images/body_bg.gif);
	background-repeat: repeat-x;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size:10px;
}
.clear { clear:both; }

a {
	color:#A9A9A9;
	text-decoration: none;
}	

#body-wrap {
	width:900px;
	text-align:left; /* reset text alignment */
	margin:0 auto;
}

#hd {
	height:86px;
	}

#logo {
	position:relative;
	top:0px;
	width:130px;
	height:55px;
}

#tagLine {
	position:relative;
	top:-5px;
	left:277px;
	width:392px;
	height:23px;
	margin-top:5px;
	font-family: helvetica, Verdana, Arial, sans-serif;
	font-size:1.6em;
	color:#fb862f;
	font-weight:bold
}

#tagline h3 {
	color:#F89036;
	margin:0;
}
	
#bd {
	width:900px;
	margin:0 auto;
}

li.activeItem a {
	color: #fb862f !important;
}

/*----------------------------------------
* tabbed menu to end-user eTriever system
* ----------------------------------------
*/

#topNav ul {
	margin-left: 0px;
	padding-left: 20px;
	margin-top: 2px;
}
	
#topNav li {
	display:inline;
	color: yellow;
}

#topNav li a {
	font-size: 1.25em;
	color: yellow;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:600;
	text-decoration:none;
}

#accountTabLong {
	background-image: url(../images/accountTab_long.gif);
	background-repeat: no-repeat;
	position:absolute;
	top:0px;
	left:650px;
	width:387px;
	height:23px;
}

#accountTabLonger {
	background-image: url(../images/accountTab_longer.gif);
	background-repeat: no-repeat;
	position:absolute;
	top:0px;
	left:565px;
	width:387px;
	height:23px;
}

/*-----------------------
* images in body of page
* -----------------------
*/

#contentBodyBlues {
	float:left;
	background-image: url(../images/content_bg_blues.png);
	background-repeat: repeat-y;
	width:900px;
	margin:0 auto;
}

#contentGlobe {
	position:relative;
	float:left;
	background-image: url(../promo/images/content_globe.png);
	background-repeat: no-repeat;
	width:900px;
	height:233px;
	margin:0 auto;
}

#contentGlobePopup {
	position: absolute;		/* absolute within contentGlobe */
	top: 75px;				/* relative to contentGlobe */
	left: 21px;				/* relative to contentGlobe */
	background-image: url(../images/home_page_popup.png);
	background-repeat: no-repeat;
	width:332px;
	height:158px;
	margin:0 auto;
	padding-left: 25px;
	overflow:hidden;
	display:none;
}

#contentBody {
	float:left;
	background-image: url(../images/content_bg.png);
	background-repeat: repeat-y;
	width:900px;
	margin:0 auto;
}

#promoFooter {
	float:left;
	background-image: url(../promo/images/promo_foot_silhouette.png);
	background-repeat: no-repeat;
	width:900px;
	height:150px;
	margin:0 auto;
}

#promoSilhouette {
	float:left;
	background-image: url(../promo/images/silhouette.png);
	background-repeat: no-repeat;
	width:86px;
	height:131px;
	margin:0 auto;
}

/*-------------------
* Globe popup fields
* -------------------
*/

#globePopupCloser {
	position: absolute;		/* absolute within contentGlobePopup */
	top: 2px;				/* relative to contentGlobePopup */
	right: 35px;				/* relative to contentGlobePopup */
	color: #889AAF;
	font-size:0.85em;
	font-weight:normal;
	margin-bottom: 5px;
}

.globePopupYellowText {
	padding-top: 20px;
	padding-left: 5px;
	color: #EDFF0C;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom: 0;
}

.globePopupInputField {
	font-size:1.3em;
	color: #999999;
}


/*------------------------
* undifferentiaited stuff
* ------------------------
*/

#biggerWhiteText { 
	padding-top: 20px;
	padding-left: 500px;
	padding-right: 40px;
	float:left;
	color: #FFFFFF;
	font-size:30px;
	font-weight:bold;
	}

#bigYellowText { 
	padding-top: 20px;
	padding-left: 500px;
	padding-right: 40px;
	float:left;
	color: yellow;
	font-size:18px;
	font-weight:normal;
	}

#bigOrangeText { 
	color: #FF6600;
	font-size:18px;
	font-weight:normal;
	}

#boldBlackText { 
	color: #000000;
	font-size:14px;
	font-weight:bold;
	}

#grayText { 
	color: #707070;
	font-size:12px;
	font-weight:normal;
	}

#bigGrayText { 
	color: #A9A9A9;
	font-size:18px;
	font-weight:normal;
	}

#grayTextSilhouette { 
	color: #A9A9A9;
	font-size:16px;
	font-weight:normal;
	padding-left: 50px;
	font-style:italic;
	}

#grayText li { padding-left: 0px; margin-left: -23px; }

#leftVertBar { float:left;height:400px;border-right:2px solid #C3C3C3;}
#leftVertBarShorter { float:left;height:200px;border-right:2px solid #C3C3C3;}

#left { padding:0 15px 0 30px;float:left;width:605px;border-right:2px solid #9F9F9F;}
#left h1 { color:#1595D3;margin:0;font-size:250%;font-weight:normal; }
#left h2 { color:#A9A9A9;margin:0;font-size:160%;font-weight:bold; }
#left h3 { color:#0099CC; }
#left h5 { margin-top:0px;color:red;font-size:14px; }
#left p { color:#666; }
#left ul { margin-left: 40px;padding-left: 35px;list-style: none; }
#left li { color:#000;padding-left: 14px;padding-bottom:10px;background-image: url(../images/icon-checkmark.gif);background-repeat: no-repeat;background-position: 0 .35em; }

#right { float:right;padding:10px 40px 0 0; width:185px;}
#right #ad { margin-top:10px; }
#right ol { margin-left: 10px;padding-left: 5px;list-style: decimal; }

#contentTop {
	margin-top:7px;
	background-image: url(../images/contentTop.png);
	background-repeat: no-repeat;
	height:23px;
}

#contentBottom {
	clear:both;
	background-image: url(../images/contentBottom.png);
	background-repeat: no-repeat;
	height:42px;
}

#copyright { margin:0 auto;padding:0px; }
#copyright p { color:#999;text-align:center; }



