/*global styles for background color, font, margins, padding, and links*/

html, body {
	padding:0px;
	font: .9em Verdana, Arial, Helvetica, sans-seriff;
	color:#000000;
	background-color: #FBFACE;
	margin: 0px;
	position: absolute;
	}

/*changed the original visited link color from #424A47 to the same color as the hover stage LK */
a:link {
	color:#993300;
	text-decoration:none;
}
a:visited {
	color:#993300;
	text-decoration:none;
}
a:active { color:#424A47;text-decoration:none; }
a:hover { color:#CC8F0A;text-decoration:underline; } 	

/*changed the color of this heading which is used on the "Welcome to Price.com" statement from original color of #ACC5BC to a darker teal color of #408080 LK */
.color-1-text-20 { font-family:times,helvetica,serif;font-size:22pt;color:#408080;}
.color-1-profile {
	font-size: 16pt;
	color: 408080;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
}


/* ++++++++++ global general styles end ++++++++++*/	
/* ++++++++++ global structure styles start ++++++++++*/	

#menu {
	visibility:hidden;
	margin: 0px;
	position: absolute;
	}

#a5-bg-left {width:100%;background:url(../testing_stylesheet/images/bg-left-column.gif) repeat-y left top;}



#a5-body-center {
	text-align:left;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	}	
	
#a5-body {
	position: relative;
	width: 950px;
	text-align:left;
	background:#FBFACE;
	border:0px solid #000000;
	}	
	
	#a5-menu-box {	
	height:38px;
	text-align:right;
	vertical-align:30%;
	line-height:38px;
	border:0px solid #000000;	
	background:#FBFACE;				
	}	
	
	/*testing a horizontal menu 
	#listmenu {	
	position:inherit;
	width:100%;
	float:right;
	border-top: 0;
	border-bottom:0;
	vertical-align:30%;
	line-height:38px;
	background:#F3F2C2;
	font-size: .9em 				
	}	
	
	#listmenu ul {
		margin:0 0 0 30px;
		}

	#listmenu li {
		float:left;
		list-style-type:none;
		padding: 0 10px;
		border-right: 1px solid #003333
	}
		
	#listmenu a:link {
		text-decoration:none;
		color:#2C4840;
		}
		
		
	#listmenu a:hover {
		text-decoration:none;
		color:#B6CBBF;
		} #a5-header
/*this is tan column with a row or two of white pixels at the bottom. it is relative to the body which has 0 margins so it aligns to the left and the top. it is a fixed height that repeats across the page so you get a white thin line at the bottom */	
 {
	position:absolute;
	left:0px;
	top:0px;
	height:125px;
	background: #ECEB9F url(images/bg-header.gif) repeat-x;
	border:0px solid #000000;
	}	
	
	/*this is position relative to the parent object which is a5-title text It shows up in DW as "layer" because it is absolute - if I change it to relative it is positioned according to the parent element*/
	#a5-company-title {
	position:absolute;
	left:50px;
	top:7px;
	width:600px;
	font: 65px Timed, serif;
	color:#ACC5BC;
	border:0px solid #000000;
	margin: 0px;
	padding: 0px;
		}	
		
	#a5-header-text {
	position:relative;
	color:#314A20;
	width:809px;
	line-height:18px;
	border:0px solid #000000;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:500px;
	font-family: Verdana, serif;
	font-size: 12px;
	padding-top: 78px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 242px;
		}
		/*not sure why you need this - it makes the header go across the page */
		html>body #a5-header-text {
			width:600px;	
		}	
				
	#a5-header-right {
	position:absolute;
	right:0px;
	top:0px;
	border:0px solid #000000;
	height: 125px;
		}		
				
#a5-row-middle {
	position:relative;
	left:0px;
	top:0px;
	height:198px;
	background:#D0CFA6;	
	border:0px solid #000000;	
	}		

	#a5-bg-title {
	position:absolute;
	left:420px;
	top:50px;
	width:400px;
	line-height:85px;
	height:160px;
	z-index:1;
	color:#DBDAB2;
	border:0px solid #000000;
	font-family: Times, serif;
	font-size: 130px;
	font-style: italic;
		}			
	#a5-row-middle-text {
	position:relative;
	color:#333333;
	margin-left:580px;
	line-height:26px;
	z-index:2;
	border:0px solid #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-style: italic;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
		}	
						
#a5-row-bottom {
	position:relative;
	margin-right:5px;
	z-index:3;
	border-top:1px solid #ffffff;
	}	
		
	#a5-bottom-center-text {
	position:relative;
	color:#2D5A21;
	line-height:22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 48px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 175px;
	padding-left: 15px;
		}		
		
	#a5-bottom-right-text {
	float:right;
	width:331px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#72837D;
	line-height:28px;
	border:0px solid #000000;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
		}	
								
#a5-footer {
	clear:both;
	font:11px Verdana, Arial, Helvetica, sans-serif;	
	color:#AFAE84;
	padding:5px 0px 5px 0px;
	text-align:center;	
	background:#F3F2C2;	
	}					
	
/* ++++++++++ second level start ++++++++++*/				

#a5-sl-title {
	height:20px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:#2C4840;
	border-bottom:1px solid #ffffff;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	}	
	
				
#a5-row-middle-sl {
	position:relative;
	background:#D0CFA6;
	border:0px solid #000000;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	}		
	
/* ++++++++++ second level end ++++++++++*/