/* ------------ BELOW: edits you may want to make site-wide for tags ----------*/
/* REMEMBER: sizes, families, and colors are set by individual styles */

		body {
			margin: 0;
			padding: 0;
			background: #ccc/*#532f64*/;
		}	
		
		h1, h2, h3, h4 {
			word-spacing: 2px;
			margin: 0;
			padding: 0 0 10px 0;
			font-weight: normal; 
		}
		
		h5, h6 {
			
			word-spacing: -1px;
			margin: 0;
			padding: 0 0 5px 0;
		}
		
		p {
			margin: 0 0 9px 0;
			padding: 0;
			line-height: 16px;	
		}
		
		a {															/* LINK ATTRIBUTES */
			font-family: arial, sans-serif;
			font-size: 11px;
			color: #df9505;										/* <- edit color? */
			text-decoration: none;
		}
		
		a:hover {													/* ROLLOVER ATTRIBUTES */
			color: #df9505;											/* <- edit color? */
			text-decoration: underline;
		}	
		
		a:active {
			color: #df9505;											/* <- edit color? */
			text-decoration: underline;		
		}
		
		
		
a.footer-nav:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #532f64; 
	font-weight: lighter;
	font-size: 10px;
	text-decoration: none; 
}
a.footer-nav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #532f64; 
	font-weight: lighter;
	font-size: 10px;
	text-decoration: none;
}
a.footer-nav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #df9505; 
	font-weight: lighter;
	font-size: 10px;
	text-decoration: none;
}
a.footer-nav:active {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #532f64; 
	font-weight: lighter;
	font-size: 10px;
	text-decoration: none;
}		
		

/* 	 BASE STYLE SHEET FOR CLIENT/PUBLIC PAGES */

/*----------------------------- INSERT CUSTOM BELOW ------------------------ */

		/* ------- Default Two Column - Sidebar Right ------- */
		
			div#two_content {
				float: left;
				display: inline;
				background: url(images/two_bg.gif) repeat-y;
				margin: 0;
				padding: 0;
				width: 750px;
				height: 500px;				/* min-height for IE  */
			}

			html>body div#two_content {  /* min-height for non-IE  */
				height: auto;
				min-height: 500px;
			}
	
			div#two_left {
				float: left;
				display: inline;
				width: 180px;
				margin: 30px 0 0 40px;
				padding: 0;
			}

			.two_top_left_text {
				float: left;
				display: inline;
				height: 200px;
				margin: 0;
				padding: 0;
			}
			
			html>body div.two_top_left_text {  /* min-height for non-IE  */
				height: auto;
				min-height: 200px;
			}
			
			.two_left_text {
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
			}
	
			div#two_right {
				float: left;
				display: inline;
				width: 500px;
				margin: 30px 0 0 20px;
			}

			body#two_column div#png {
				position: absolute;
				top:  225px;
				left: 55px;
				text-align: left;		
				z-index: 100;			
			}
			
	/* ------- Single col------- */			
			div#single_col {
				float: left;
				display: inline;
				width:675px;
				margin: 30px 0 0 50px;
			}

		/* ------- Three Column - Left Sidebar & Right Sidebar ------- */

			div#three_content {
				float: left;
				display: inline;
				background: #fff;
				margin: 0;
				padding: 0;
				width: 750px;
				height: 500px;				/* min-height for IE  */
			}

			html>body div#three_content {  /* min-height for non-IE  */
				height: auto;
				min-height: 500px;
			}

			div#three_left {
				float: left;
				display: inline;
				width: 230px;
				margin: 0;
				padding: 0;
			}
	
			.three_left_text {
				float: left;
				display: inline;
				margin: 0;
				padding: 305px 0 15px 40px;
			}
	
			div#three_middle {
				float: left;
				display: inline;
				width: 338px;
				margin: 0;
				padding: 0;
			}

			.three_middle_text {
				float: left;
				display: inline;
				margin: 0;
				padding: 30px 20px 15px 10px;
			}
	
			div#three_right {
				float: left;
				display: inline;
				background: url(/xm_client/images/sidebar_bg.gif) repeat-y;
				width: 182px;
			}
			
			.three_right_text {
				float: left;
				display: inline;
				margin: 0;
				padding: 30px 10px 0 20px;				
			}

			.three_right_text p { 
				font-family: arial, sans-serif;
				font-size: 11px;
				line-height: 14px;
				letter-spacing: 0.5px;
				color: #fff; 
			}
			
			.three_right_text a {
				color: #df9505;
			}

			body#default div#png {
				position: absolute;
				top:  200px;
				left: 15px;
				text-align: left;		
				z-index: 100;			
			}

		/* ------- RFQ List ------- */

		div#rfq_list {
			float: left;
			display: inline;
			width: 750px;
			margin: 25px;
			padding: 0;
		}

		/*scrolling list*/
		div#quotes {
			float: left;
			width: 700px;
			height: 200px;
			overflow: scroll;
			border: 1px solid #999;
			margin: 0 0 5px 0;
			display: inline;
			z-index: 1;
			background: #fff;
		}

		.rfq td, .rfq th {
			text-align: right;
			font-family: arial, sans-serif;
			font-size: 11px;
			padding: 2px;
			text-align: center;
		}
		

/* Footer Navigation DIVS */		

#footer_nav {
	position: relative;
	top: 0;
	left: 0;
	width: 740px;
	padding: 0 20px;
	text-align: center;
}

		
/*------------------------------- END OF CUSTOM DIVS ---------------------------- */

/*------------------------------- DEFAULT DIVS BELOW ---------------------------- */
		
		#listlinks {
			font-family: arial, sans-serif;
			font-size: 11px;
			line-height: 14px;
			color: #df9505; 
			list-style-type: none;
		}
		
		#listlinks li {
			padding: 4px 0;
		}
	
/*------------------------------- DEFAULT DIVS ABOVE ---------------------------- */

/* 'div' Notes: 
   1. use the 'div#name' for the id's and 'div.name' for classes.
   Remember that id name can only be used once on a page. For multiple divs
   of the same name on a page, use classes. 
   
   2. 'display inline' must be used for the first div in a 
	new row because of Win IE. Otherwise use 'display: block' */
	
	
/* -------------- only edit below if you want to make big changes-----------*/

		img {
			border: 0;
			padding: 0;
			margin: 0;
			vertical-align: top; /*RESERVED FOR THE EDITOR */
		}
		
		div#wrapper {
			position: relative;
			margin: 5px auto;
			padding: 0;
			background: #fff; 	/* <- edit this color? */
			width: 780px;
		}
		
		div#wrapper hr {
			display: block; 
			clear: both; 
			padding: 1px 0 0 0;
			visibility: hidden;
		}	
		
		div#content {
			float: left;
			display: inline;
			padding: 40px 40px;
			width: 300px;
			height: 400px;
		}
		
		p.temp {
			font-family: arial, sans-serif; font-size: 14px; color: #636564;
		}
		
		div#left_bg {
			float: left;
			margin: 0;
			padding: 0;
			width: 15px;
		}

		div#container {
			float: left;
			margin: 0;
			padding: 0;
			width: 750px;
		}
		
		div#n_container {
			position: relative;
			margin: 0 auto;
			padding: 0;
			background-color: #fff; 	/* <- edit this color? */
			width: 750px;
		}
		
		div#n_container hr {
			display: block; 
			clear: both; 
			padding: 1px 0 0 0;
			visibility: hidden;
		}	

		div#right_bg {
			float: left;
			margin: 0;
			padding: 0;
			width: 15px;
		}

		div#head {
			float: left;
			display: inline;
 			width: 750px;
/* 		height: 142px;*/
 		}
		
		ol {
			/*list-style-type: upper-alpha;*/ /*RESERVED FOR THE EDITOR */
			padding-left:25px;
			margin: 0 0 12px 0;
		}
		
		ul {
			/*list-style-type: disc;*/ /*RESERVED FOR THE EDITOR */
			margin: 0 0 12px 0;
			padding-left: 20px;
		}
		
		ul li, ol li {
			margin: 0;
			padding-left: 0;
		}
		
		.revbar {
			color: #fff;
			padding: 0 0 1px 10px;
		}

/* ----------------------------- NAVIGATION PLACEMENT ------------------------------- */		
	
		div#nav {
			position: absolute;        /*can be positioned however--floats, absolute, whatever*/
			top:  77px;					/* <--custom */
			left: 452px;					/* <--custom */
 			width: 750px;					/* <--custom */
			text-align: left;		
			z-index: 100;
		}
	
/* ------------------------------------ HORIZONTAL MENU ------------------------------- */		

 	/*CONTROLS ALL LISTS*/ 
		#menuh { 
			float: left;
			padding: 0;
			margin: 0;
			line-height: 1;
			list-style: none;
			border: 1px solid #fff;
			background-color: #fff;
			width: 311px;
		}

	/*----- BELOW THREE DIVS CONTROL ALL LIST ITEMS -----*/
		/*width needed or else Opera goes nuts*/

		#menuh li {   
			float: left;
			margin: 0;
			padding: 0;
		}

		#menuh li a { 
			display: block;
			margin: 0;
			padding: 5px 8px 5px 8px;
			color: #532f64;
			font-family: impact, helvetica, arial;
			font-weight: normal;
			font-size: 14px;
			letter-spacing: 1px;
		}
	
		#menuh a:hover {
			color: #8a8f9e;
			background-color: #532f64;
			text-decoration : none;
		}

	/*CONTROLS ONLY SECOND-LEVEL LIST ITEMS*/ 
	/*	using left instead of display to hide menus because display: none isn't read by screen readers	*/	
		
		#menuh ul {
			float: left;
			padding: 0;
			list-style: none;
			line-height: 1;
			text-align: left;
			width: 106px;  /*set to go across entire container*/
			background-color: #fff;
			border-top: 1px solid #999;
		}

		#menuh ul li {   
			float: left;
			margin: 0;
			padding: 0;
			color: #810404;
		}
		
		#menuh ul li a {
			display: block;
			width: 90px;
			margin: 0;  /*controls horz distance of flyout tab from edge of parent tag*/
			padding: 5px 8px 5px 8px;
			color: #fff;
			background-color: #8a8f9e;
		}
	
		#menuh ul li a:hover {
			color: #8a8f9e;
			background-color: #532f64; /*#bfaf00*/
		}

		#menuh li ul {  
			position: absolute;
			margin: 0;
			padding: 0;
			left: -999em; 
		}
	
	/*CONTROLS THIRD-AND ABOVE LEVEL LIST ITEMS*/
		#menuh li ul ul {   
			margin: -25px 0 0 106px; /* 4 of 4 controls the hori. flyout of a dropdown*/
		}

	/* lists nested under hovered list items */
		#menuh li:hover ul ul, #menuh li:hover ul ul ul, #menuh li:hover ul ul ul ul, #menuh li.sfhover ul ul, #menuh li.sfhover ul ul ul, #menuh li.sfhover ul ul ul ul {
			left: -999em;
		}
		#menuh li:hover ul, #menuh li li:hover ul, #menuh li li li:hover ul, #menuh li li li li:hover ul, #menuh li.sfhover ul, #menuh li li.sfhover ul, #menuh li li li.sfhover ul, #menuh li li li li.sfhover ul {
			left: auto;
		}

/* --------------- RESERVED Selectors - Leave for the editor ------------------------ */		
		
		table { font-family: arial, sans-serif; }
		th { font-size: 11px; }
		tr {}
		td {}

/* ---------------------------for branch calendar elements--------------------------- */
			
		.caltable {
			float: left;
			width: 220px;
			font-family: arial, sans-serif;
			font-size: 11px;
			margin: 5px 0 20px 0;
		}
		.throw, .tdrow {
			clear: both;
			height: 14px;
			width: 220px;
			padding: 1px;
		}
		
		.thfrow, .tdfrow {
			clear: both;
			height: 14px;
			width: 380px;
		}
		
		.throw, .thfrow {
			background-color: #cfde9f;		/* <- edit this color? */
		}
		
		.tdrow a, .tdfrow a {
			color: blue;		/* <- edit this color? */
			text-decoration: none;
		}
		
		.tdrow a:hover, .tdfrow a:hover {
			text-decoration: underline;
		}
		
		.caltable span.col1 {
			float: left;
			width: 50px;
			padding: 0 10px 0 10px;
			text-align: right;
		}
		
		.caltable span.col2 {
			float: right;
			width: 140px;
			padding: 0;
			text-align: left;
		}
		
		.caltable span.col3 {
			float: left;
			width: 200px;
			padding: 0;
			text-align: left;
		}
		
		.caltable span.col4 {
			float: left;
			width: 90px;
			padding: 0;
			text-align: left;
		}
		
/* -------------------------form elements------------------------------ */

		div.form {
			text-align: left;
			float: left;
			width: 360px;
			margin: 10px 0px 10px 10px;
/*			color: #636564; */
		}
		div.frow {
		 	clear: both;
		  	padding-top: 8px;
		  	text-align: left;
	  	}
		div.frow span.label, div.frow span.blabel {
		  	float: left;
		  	width: 150px;
		  	text-align: right;
			font-family: arial, sans-serif;
			font-size: 11px;
			line-height:14px;
		  	margin-top: 2px;  /* changes baseline of label text */
		}
		div.frow span.blabel {
		  font-weight: bold;
		}

		div.frow span.frm {
		  	float: right;
		  	width: 205px;
		  	text-align: left;
			font-family: arial, sans-serif;
			font-size: 11px;
			line-height:18px;
		  	margin-top: 2px;
		} 
		
		div.form_ctr { 
			text-align: left;
			width: 360px; 
			margin-right: auto;
			margin-left: auto;
			margin-top: 10px;
			margin-bottom: 20px;
		}

		div.form_contact {
			text-align: left;
			float: left;
			width: 450px;
			margin: 0;		
		}
		
		div.c_frow {
		 	clear: both;
		  	padding-top: 8px;
		  	text-align: left;
	  	}
	
		div.c_frow span.label, div.c_frow span.blabel {
		  	float: left;
		  	width: 75px;
		  	text-align: right;
			font-family: arial, sans-serif;
			font-size: 11px;
		  	margin-top: 2px;  /* changes baseline of label text */
		}

		div.c_frow span.blabel {
		  font-weight: bold;
		}
		
		div.c_frow span.frm {
		  	float: right;
		  	width: 370px;
		  	text-align: left;
			font-family: arial, sans-serif;
			font-size: 11px;
		} 

		textarea, input {
		  	margin: 0;
		  	padding: 0;
			font-family: arial, sans-serif;
			font-size: 11px;
		  	color: #333;
		}
		
		select {
		  	margin: 0;
		  	padding: 0 0 0 0;
			font-family: arial, sans-serif;
			font-size: 11px;
		  	color: #333;
		}
		
		.btn {
			margin-bottom: 5px;
			font-size: 11px;
		}

/* other classes  */

		.bold { font-weight: bold; }
		.italic { font-style: italic; }
		.underline { text-decoration: underline; }
		.emphasize {
			font-weight: bold;
			font-style: italic;
			text-decoration: underline;
		}
		
		.size_increase { font-size: 13px; }

		.clearleft 	{ clear: left; }
		.clearright { clear: right; }
		.clearboth 	{ clear: both; }
		.floatleft	{ float: left; }
		.floatright { float: right; }