/* */
@import url(base.css);
@import url(clearfix.css);
body {
	font: 9pt Arial;
	color: #000;
}
a {
	color: #3366cc;
	text-decoration: underline;
}
span.spacer {
	display: block;
	float: left;
	margin: 0;
	padding: 0 1ex;
}
#container {
	margin: 0;
	padding: 0;
	width: 935px;
}
	#header {
		margin: 0;
		padding: 0;
	}
		#utility_bar {
			margin: 1px 0 0 0;
			padding: 0 10px 0 0;
			height: 20px;
			width: 333px;
			float: right;
			text-align: right;
			color: #666666;
		}
			#utility_bar a {
				margin: 0;
				padding: 0;
				display: block;
				float: left;
				/*vertical-align: middle;*/
			}
			#utility_bar form {
				display: inline;
			}
				#utility_bar fieldset {
					margin: 0;
					padding: 0;
					display: inline;
					border: 0;
				}
					#utility_bar fieldset input {
						display: inline;
						border: 1px solid #898989;
						margin: 0px 4px;
						height: 16px;
						width: 140px;
					}
					#utility_bar fieldset input#search_btn {
						border: none;
						/*vertical-align: bottom;*/
						vertical-align:text-bottom;
						height: 18px;
						margin: 0;
						width: 50px;
					}
		#masthead {
			margin: 0;
			padding: 0;
			height: 75px;
			clear: both;
			border-bottom: 1px solid #ffd124;
		}
			#logo {
				margin: 0;
				padding: 0;
				height: 75px;
				width: 370px;
				text-align: left;
				background: #330000;
				float: left;
			}
			#banner {
				margin: 0;
				padding: 0;
				height: 75px;
				_height: 78px;
				width: 565px;
				text-align: right;
				background: #825300 url(../images/bnr_masthead.gif) 0 0 no-repeat;
				float: right;
				position: relative;
			}
				#banner h1 
				{
				    position: absolute;
				    right: 0;
					margin: 15px 10px 0 0;
					color: #ffffff;
					font-weight: bold;
					font-size: 14px;
					text-align: left;
				}
		#secondary_navigation {
			margin: 0;
			padding: 3px 10px 0px 10px;
			height: 22px;
			background: #1b380c;
			color: #ffffff;
		}
			#secondary_navigation a {
				font-size: 8pt;
				/*font-weight: bold;*/
				color: #ffffff;
				/*text-decoration: none;*/
				/*display: block;
				padding: 3px 0 0 0;*/
			}
			#secondary_navigation .selected {
				font-weight:bold;
				text-decoration:none;
			}
		#primary_navigation {
			margin: 0;
			padding: 0;
			height: 21px;
			background: #1b380c url(../images/xln_primary_bg.gif) 0 0;
		}
			#primary_navigation ul li {position: relative !important;}
			.nav_btn, #primary_navigation ul li {
				height: 21px;
				display: block;
				float: left;
				width: auto;
			}
			#aboutus, #aboutus_btn, #aboutus_btn:visited {width: 61px;}
			#products, #products_btn, #products_btn:visited {width: 80px;}
			#faq, #faq_btn, #faq_btn:visited {width: 33px;}
			#realstories, #realstories_btn, #realstories_btn:visited {width: 77px;}
			#alliance, #alliance_btn, #alliance_btn:visited {width: 105px;}
			#customer, #customer_btn, #customer_btn:visited {width: 116px;}
			#contactus, #contactus_btn, #contactus_btn:visited {width: 70px;}
			
			#aboutus_btn {background-image: url(../images/btn_nav_about.gif);}
			#products_btn {background-image: url(../images/btn_nav_products.gif);}
			#faq_btn {background-image: url(../images/btn_nav_faq.gif);}
			#realstories_btn {background-image: url(../images/btn_nav_realstories.gif);}
			#alliance_btn {background-image: url(../images/btn_nav_alliance.gif);}
			#customer_btn {background-image: url(../images/btn_nav_customer.gif);}
			#contactus_btn {background-image: url(../images/btn_nav_contact.gif);}
			.nav_btn {background-position: 0 0;}
			.nav_btn:hover, .nav_btn_selected, #udm li:hover a, #udm li.sfhover a {background-position: 0 -23px;}
			#udm li ul {
				width: 174px;
				background: #f2f2ce;
				padding: 0;
				display: none;
				position: absolute;
				border: 1px solid #ccea8d;
				border-width: 0 1px;
			}
			#udm li:hover ul, #udm li.sfhover ul {display: block; left: 0; top: 21px;}
				#udm li ul li {width: 174px; height:auto;}
					#udm li ul li a {
						display: block;
						padding: 3px 5px;
						text-decoration: none;
						color: #000;
						background: #f2f2ce;
						width: 164px;
						font-family: Arial;
						font-weight: normal;
						font-size: 9pt;
						border-bottom: 1px solid #ccea8d;
					}
					#udm li ul li a:hover {background: #ccea8d;}
		#primary_subnavigation {
			margin: 0;
			padding: 0;
			height: 11px;
			line-height: 11px;
			background: #f2f2ce url(../images/xln_subnav_bottom.gif) bottom right no-repeat;
		}
		#primary_subnavigation_homepage {
			margin: 0;
			padding: 0;
			height: 11px;
			line-height: 11px;
			background: #f2f2ce  url(../images/xln_subnav_bottom.gif) bottom right repeat-x;
		}
		#user_state_bar {
			margin: 0;
			padding: 4px 10px;
			_padding-bottom: 1px;
			height: 33px;
			background: #ffffff url(../images/xln_login_bg.gif) 0 0;
		}
			#login_box {
				margin: 0;
				padding: 0;
				width: 551px;
				height: 33px;
				float: left;
				background: #ffffff;
			}
				#login_box .label {
					color: #666666;
					font-weight: bold;
					margin: 9px 1px 9px 10px;
					display: block;
					float: left;
				}
				#login_box form {
					float: left;
				}
					#login_box fieldset {
						margin: 0;
						padding: 0;
						display: inline;
						border: 0;
					}
						#login_box fieldset label,
						#login_box fieldset input {
							margin: 9px 0 9px 10px;
							display: block;
							float: left;
						}
						#login_box fieldset label {
							color: #000000;
							font-weight: bold;
							height: 18px;
						}
						#login_box fieldset input {
							border: 1px solid #898989;
							height: 16px;
							width: 65px;
						}
							#login_box fieldset input#login_btn {
								border: none;
								width: 17px;
								height: 18px;
							}
				#login_box a,
				#login_box .spacer {
					display: block;
					float: left;
					margin: 9px 0;
				}
			#live_support {
				margin: 0;
				padding: 0;
				width: 157px;
				height: 33px;
				float: right;
			}
	#middle {
		margin: 15px 10px 20px 10px;
		/* Top of header to top of footer must be minimum 500px. Therefore, the minimum content height is 500 - (header height) */
		min-height: 311px;
		/* IE6 does not support min-height, so we use IE6's expression capabilities with the underscore hack*/
		_height: expression("311px");
	}
		#middle ul {margin: 0 10px 10px 10px;}
		#middle ul.bulleted li { background: url(../images/icn_list_four_corners.gif) 0 4px no-repeat; }
			#middle ul li { color: #666; margin: 0; padding: 0 0 0 12px; background: url(../images/icn_list_icon.gif) 0 3px no-repeat;}
			#middle ul .selected { color: #300; font-weight:bold; margin: 0; padding: 0 0 0 12px; background: url(../images/icn_list_icon_brown.gif) 0 3px no-repeat;}
				#middle ul li ul {margin: 0;}
					#middle ul li ul li { color: #666; padding: 0 0 0 9px; background: url(../images/icn_list_lvl2_icon.gif) 0 4px no-repeat;}
					#middle ul li ul .selected { color: #300; font-weight:bold; padding: 0 0 0 9px; background: url(../images/icn_list_lvl2_icon_brown.gif) 0 4px no-repeat;}
		#middle ul.doublespace li { margin-bottom:1em; }
			
	#footer {
		border-top: 1px solid #666666;
		margin: 0 10px;
		padding: 5px 0 0 0;
	}
		#footer_navigation {
			list-style: none;
			margin: 0;
		}
			#footer_navigation li {
				display: block;
				float: left;
				margin: 0;
				padding: 0;
			}
			#footer_navigation li.spacer {
				margin: 0 3px;
				color: #666666;
			}
				#footer_navigation li a {
					display: block;
					float: left;
					margin: 0;
					padding: 0;
				}
		#copyright {
			margin: 2em 0 0 0;
			clear: both;
			color: #666666;
		}