
/* just the stuff for the header and footer */



/******************************/
/***** BODY HEADER STYLES *****/
/******************************/

#header_top {
	overflow:hidden;
	zoom:1;
	position: relative;
	display: block;
	clear: both;
	min-height:75px;
	height:auto!important;	
	height: 75px;
	margin: 0px 25px;
	}
#home_top {
	position: relative;
	display: block;
	clear: both;
	min-height:75px;
	height:auto!important;	
	height: 75px;
	width: 961px;
	margin: 0px auto;
	}
#home_header_bg {
	position: relative;
	/** background-image: url('./images/pod1/home_top_bg.gif'); **/
	}

/** Logo **/
#home_header_bg #home_top #logo,
#header_top #logo,
#home_top #logo {
	position: relative;
	display: block;
	float: left;
	clear:right;
	top: 0px;
	padding-top: 2px;		
}
	
#home_header_bg #home_top #logo img,
#header_top #logo img {
	display: block;
	margin-left: -2px;
	padding-top: 4px;
	padding-bottom: 7px;
}

/** SEARCH **/

#quick_finder {
		font: normal 1.3em Arial, Helvetica, sans-serif;
		color: #009dd9;
		padding-top: 22px; /* was 14 */
		padding-bottom: 0px;
		text-align: center;
}
			
#quick_finder span {
		color: #7D7D7D;
}
	
#header_top #search,
#home_top #search {
	position: relative;
	float: right;
	height: 26px;
	width: 100%; /* smk was 355px */
	margin-top: 0px;
	padding-top: 0px;
	text-align: right;
	/* background: url('./images/pod1/dots_vertical_blue.gif') left top repeat-y; */
	}
	#header_top #search .form_input,
	#home_top #search .form_input {
		position: relative;
		padding: 0px;
		width: 225px;
		font: normal 13px Arial, Helvetica, sans-serif;
		color: #545862;
		border: 1px solid darkGray;
		}
	#header_top #search .form_image,
	#home_top #search .form_image {
		position: relative;
		width: 14px;
		height: 14px;
		margin-left: 5px;
		margin-right: 0px;
		top: 2px;
		}

/** Small Nav **/
			
#small_nav {
/* smk fix for firefox3 loosing main tabs
		position: relative;
		top: 3px;
		*/
	position: absolute;
	top: 6px;
	float: right;
	height: 25px;
	width: 298px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	color: #C0C1B9;
	list-style-type: none;
	}
	#small_nav li#start {
		}
	#small_nav li#end {
		padding-right: 12px;
		border: 0px;
		}
	#small_nav li {
		position: relative;
		float: left;
		list-style-type: none;
		margin: 0px;
		padding: 0px 4px 0px 4px;
		border-right: 1px solid #C0C1B9;
		font-size: 0.9em;
		}
	#small_nav li a:link,
	#small_nav li a:active,
	#small_nav li a:visited {
		font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
		color: #222;
		text-decoration: none;
		margin: 0px;
		}
	#small_nav li a:hover {
		color: #1C53AF;
		text-decoration: none;
		}
	#small_nav li.active a:link,
	#small_nav li.active a:active,
	#small_nav li.active a:visited,
	#small_nav li.active a:hover {
		font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
		color: #1C53AF;
		text-decoration: none;
		}
		
	#small_nav li span a:link,
	#small_nav li span a:active,
	#small_nav li span a:visited,
	#small_nav li span a:hover,
	#small_nav li.active span a:link,
	#small_nav li.active span a:active,
	#small_nav li.active span a:visited,
	#small_nav li.active span a:hover {
		/* color: #FF0000; */
		color: #E23828;
		font-weight: bold;
	}

/** Tabs **/

#tabs {
	position: relative;
	float: right;
	clear: right;
	height: 21px;
	list-style-type: none;
	width: 100%;
	margin-top: 0px; /* smk was 14 */
	padding: 0px;
	display: block;
	}
	#tabs li {
		position: relative;
		float: right;
		width: 99px;/* smk was 129 -> 100*/
		}
	#tabs li a:link,
	#tabs li a:active,
	#tabs li a:visited,
	#tabs li a:hover,
	#tabs li.active a:link,
	#tabs li.active a:active,
	#tabs li.active a:visited,
	#tabs li.active a:hover {
		position: relative;
		display: block;
		list-style-type: none;
		text-align: center;
		height: 21px;
		width: 99px; /* smk was 128 -> 99*/
		margin-left: 1px;
		text-align: center;
		font: normal 0.8em Arial, Helvetica, sans-serif; /* XX 0.8 */
		color: black;
		border-bottom: 1px solid white;
		text-decoration: none;
		background-image: url('./images/pod1/tabs/header_tab_0_narrow.jpg');
		background-repeat: no-repeat;
		}
	#tabs li a:hover,
	#tabs li.active a:link,
	#tabs li.active a:active,
	#tabs li.active a:visited,
	#tabs li.active a:hover {
		background-image: url('./images/pod1/tabs/header_tab_1_narrow.jpg');
		}
		#tabs li a:link span,
		#tabs li a:active span,
		#tabs li a:visited span {
			position: relative;
			top: 4px;
			left: 5px;
			background-image: url('./images/pod1/arrow_nav_blue1.gif');
			background-repeat: no-repeat;
			background-position: left center;
			}
		#tabs li a:hover span,
		#tabs li.active a:link span,
		#tabs li.active a:active span,
		#tabs li.active a:visited span,
		#tabs li.active a:hover span {
			background-image: url('./images/pod1/arrow_nav_blue2.gif');
			background-repeat: no-repeat;
			background-position: left center;
			}
		#tabs li#tab_orders span {
			position: relative;
			width: 65px;
			display: block;
			margin: 0px auto;
			}		
		#tabs li#tab_search span {
			position: relative;
			width: 94px;
			display: block;
			margin: 0px auto;
			}
		#tabs li#tab_useradmin  {
			width: 129px;
			background-image: url('./images/pod1/tabs/header_tab_0.jpg');
			}			
		#tabs li#tab_useradmin span {
			position: relative;
			width: 128px;
			display: block;
			margin: 0px auto;
			}
		#tabs li#tab_useradmin a:link,
		#tabs li#tab_useradmin a:active,
		#tabs li#tab_useradmin a:visited,
		#tabs li#tab_useradmin a:hover{
			background-image: url('./images/pod1/tabs/header_tab_0.jpg');
			width: 128px; 
		}
		#tabs li#tab_useradmin a:hover,
		#tabs li#tab_useradmin.active a:link,
		#tabs li#tab_useradmin.active a:active,
		#tabs li#tab_useradmin.active a:visited,
		#tabs li#tab_useradmin.active a:hover {
			background-image: url('./images/pod1/tabs/header_tab_1.jpg');
			width: 128px; 
		}
			
		#tabs li#tab_preferences span {
			position: relative;
			width: 88px;
			display: block;
			margin: 0px auto;
			}		

/***** HEADER BOTTOM *****/

#home_banner {
	position: relative;
	display: block;
	clear: both;
	min-height:160px;
	height:auto!important;
	height: 160px;
	width: 961px;
	margin: 0px auto;
	background-image: url('./images/pod1/header_photo/home_header_photo.jpg');
		background-repeat: no-repeat;
		background-position: center center;	
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}
	#home_banner p {
		padding: 39px 0px 0px 507px;
		margin: 0px;
		}
		#home_banner p span {
			position: relative;
			display: block;
			margin-bottom: 10px;
			}
#header_bottom {
	overflow:hidden;
	zoom:1;	
	position: relative;
	clear: both;
	min-height:41px;
	height:auto!important;	
	height: 41px;	
	margin: 0px 25px;
	background-image: url('./images/pod1/body_header_bottom_bg.gif');
	display: block;
	}
#header_bottom #photo {
	position: absolute;
	overflow: visible;/*smk here */
	top: 0px;
	left: 0px;
	}
	#photo img {
		display: block;
		}
		
#header_bottom #title {
	position: relative;
	display: block;
	overflow: visible;/*smk here */
	clear: both;
	min-height:41px;
	height:auto!important;
	height: 41px;
	margin: 0px auto;
	border-right: 1px solid #DBDBDB;
	/* background: url('./images/pod1/header_title_bg.gif') right top no-repeat; */
	}
	#header_bottom #title h1 {
		position: relative;
		text-align: right;
		padding: 9px 10px 0px 0px; /* was padding: 9px 45px 0px 0px; */
		margin: 0px;
		font: normal 1.5em Arial, Helvetica, sans-serif;
		color: #009dd9;
		top: 8px;
		}
		#header_bottom #title h1 span {
			font: normal 0.8em Arial, Helvetica, sans-serif;
			color: black;
			}
			
/*******************************/
/***** BODY MAINNAV STYLES *****/
/*******************************/

#main_nav {
	position: relative;
	clear: both;
	display: block;
	height: 26px;
	margin: 0px 25px 0px 25px;
	background-image: url('./images/pod1/body_mainnav_bg.gif');
	overflow: visible;/*smk here */
	}
	#main_nav a:link,
	#main_nav a:active,
	#main_nav a:visited,
	#main_nav a:hover {
		margin: 0px 7px 0px 7px;
		}
#main_nav .links {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding-left: 2px;
	height: 26px;
	background-image: url('./images/pod1/body_mainnav_bg.gif');
	}
	#main_nav .links li {
		position: relative;
		float: left;
		padding: 2px 10px 0px 10px;
		margin: 7px 0px 0px 0px;
		background-image: url('./images/pod1/body_mainnav_seperator.gif');
		background-repeat: no-repeat;
		background-position: right top;
		list-style-type: none;
		}
	#main_nav .links li.end {
		background-image: none;
		}
	#main_nav .links li a:link,
	#main_nav .links li a:active,
	#main_nav .links li a:visited,
	#main_nav .links li a.active:link,
	#main_nav .links li a.active:active,
	#main_nav .links li a.active:visited,
	#main_nav .links li a.active:hover {
		position: relative;
		float: left;
		bottom: 3px;
		background-image: url('./images/pod1/arrow_nav_blue1.gif');
		background-repeat: no-repeat;
		background-position: left center;
		padding: 0px 0px 0px 14px;
		margin: 0px;
		color: white;
		font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		background-color: #737373;
		}
	#main_nav .links li a:hover {
		text-decoration: underline;
		background-color: #737373;
		}
	#main_nav .links li a.active:link,
	#main_nav .links li a.active:active,
	#main_nav .links li a.active:visited,
	#main_nav .links li a.active:hover {
		font-weight: bold;
		}

#main_nav #left {
	position: relative;
	float: left;
	display: block;
	/*width: 85%;*/
	}	
#main_nav #right {
	position: relative;
	float: right;
	display: block;
	/*width: 10%;*/
	}	
	#main_nav #right li {
		float: right;
		}
	#main_nav #right li a:link,
	#main_nav #right li a:active,
	#main_nav #right li a:visited,
	#main_nav #right li a:hover {
		background-image: none;
		padding: 0px;
		font-weight: bold;
		}
	#main_nav #right span {
		display: none;
		}
.body_mainnav_right {
	position: relative;
	float: right;
	text-align: right;
	margin-top: 7px;
	padding-right: 2px;
	}




/******************************/
/***** BODY FOOTER STYLES *****/
/******************************/

.body_footer,
.home_footer {
	overflow:hidden;
	zoom:1;	
	position: relative;
	clear: both;
	display: block;
	margin: 0px 25px;
	min-height:41px;
	height:auto!important;	
	height: 41px;		
	border-top: 1px solid #E8E8E8;
	font-size: 0.9em; /* XX 0.8 */
	color: #AEADB2;
	}

.home_footer {
	overflow:hidden;
	zoom:1;	
	position: relative;
	clear: both;
	display: block;
	margin: 100px auto 10px;
	min-height:41px;
	height:auto!important;	
	height: 41px;				
	width: 961px;
	padding: 1px;
	}
	.body_footer a:link,
	.body_footer a:active,
	.body_footer a:visited,
	.home_footer a:link,
	.home_footer a:active,
	.home_footer a:visited {
		text-decoration: none;
		color: #AEADB2;
		}
	.body_footer a:hover,
	.home_footer a:hover {
		text-decoration: underline;
		color: #AEADB2;
		}
.body_footer_left {
	position: relative;
	float: left;
	margin-top: 12px;
	}
	.body_footer_left span {
		display: none;
		}
.body_footer_right {
	position: relative;
	float: right;
	margin-top: 12px;
	}

	
#service_info {
	float:left;
	font-weight:bold;
	font-size:0.9em;
	padding: 0px;
	margin: 0px;
	position:relative;
	text-align: left;
	display: block;
	clear: left;
	width:	100%;
	white-space: nowrap;
	top: 3px;
}	

#first_div {
	float:left;
	position:relative;
	width:27%;
	display: inline;
	margin-left: 0px;
	height: 54px; /*smk was 75 */
	overflow: hidden;
}

#second_div {
	float:right;
	position:relative;
	width:70%;
	display: block;
	height: 54px; /*smk was 75 */
	overflow: hidden;
}
#third_div {
	float:left;
	position:relative;
	width:37%;
	display: inline;
	margin-left: 0px;
	height: 21px;
	overflow: hidden;
}

#fourth_div {
	float:right;
	position:relative;
	width:63%;
	display: block;
	height: 21px;
	overflow: hidden;
}
#problemo_div {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#footer_div {
	position: absolute;
	bottom: -43px;
	display: block;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;	
	float: none;
}
#body_div {
	position: relative;
	top: 0px;
	display: block;
	overflow: hidden;
	clear: both;
	margin: 0px;	
	width: 100%;
	padding: 0px;
	float: none;
}
