@charset "utf-8";
/* CSS Document */
HTML, BODY{
	background: #db7702 url("assets/background.jpg") no-repeat top center;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}
FORM{
	padding: 0;
	margin: 0;
}
#dynamicVars{
	display: none;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 1px solid #ff0000;
}
#siteContainer{
	width: 900px;
	height: auto;
	position: relative;
	margin: auto;
	background: none;
}


/*SPLASH PAGE ELEMENTS*/

#splashDiv{
	height: 579px;
	width: 816px;
	margin: auto;
	background: url("assets/splash.jpg") no-repeat center top;
	position: relative;
}
#quickAccess{
	width: 269px;
	height: 191px;
	background: url("assets/quickAccess.gif");
	position: absolute;
	z-index: 90;
	top: 50px;
	right:30px;
}
#enterHere{
	width: 115px;
	height: 35px;
	top: 395px;
	right: 30px;
	position: absolute;
	/*border: 1px solid #ff0000;*/
}
#loginHere{
	width: 85px;
	height: 25px;
	top: 110px;
	left: 172px;
	position: absolute;
	/*border: 1px solid #ff0000;*/
}
#registerHere{
	width: 255px;
	height: 30px;
	top: 153px;
	left: 12px;
	position: absolute;
	/*border: 1px solid #ff0000;*/
}
#quickAccess a{
	color: #ffff00;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 10px;
}
#quickAccess a:hover{
	color: #ff0000;
}
INPUT.quickText{
	border: 0px;
	height: 14px;
	padding: 2px;
	width: 149px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	#email{
		position: absolute;
		left: 102px;
		top: 66px;
	}
	#password{
		position: absolute;
		left: 102px;
		top: 86px;
	}
	
#remember{
	position: absolute;
	left: 150px;
	top: 115px;	
}
#forgotPassword{
	position: absolute;
	right: 15px;
	bottom: 40px;
}
/*
#locations{
	width: 675px;
	height: 90px;
	margin: auto;
	background: url("assets/locations.gif");
	position: relative;
}
*/
#quickAccess a{
	color: #ffff00;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 10px;
}
#quickAccess a:hover{
	color: #ff0000;
}
INPUT.quickText{
	border: 0px;
	height: 14px;
	padding: 2px;
	width: 149px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	#email{
		position: absolute;
		left: 102px;
		top: 66px;
	}
	#password{
		position: absolute;
		left: 102px;
		top: 86px;
	}
	
#remember{
	position: absolute;
	left: 150px;
	top: 115px;	
}
#forgotPassword{
	position: absolute;
	right: 15px;
	bottom: 40px;
}


/* END SPLASH PAGE ELEMENTS */



a.dummyButton{
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
}
#logoMenuBar{
	height: 207px;
	width: 900px;
	background: url("assets/logoMenuBar.jpg");
	margin: auto;
	position: relative;
}
#menu{
	position: absolute;
	right: 0px;
	top: 167px;
	height: 40px;
}
	#menu ul, #oomenu ul{
		position: relative;
		display: inline;
		padding: 0;
		margin: 0;
	}
	#menu li, #oomenu li{
		position: relative;
		display: block;
		float: left;
		width: auto;
		margin: 0;
		padding: 0;
	}
#currentLocation{
	height: 51px;
	width: 900px;
	background: url("assets/currentLocBg.jpg");
	margin:auto;
	position: relative;
	text-align: right;
}
#contentTop{
	position: relative;
	height: 25px;
	width: 900px;
	background: url("assets/contentTopBorder.gif");
}
#contentBody{
	position: relative;
	height: auto;
	overflow: auto;
	width: 870px;
	padding: 10px 15px 50px 15px;
	background: #ffefcb url("assets/contentBgTile.gif");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
}
	.pickupLink{
		color: #FF3300;	
	}
	 .pickupLink:hover{
		text-decoration: underline;
	}
	#sidebar{
		width: 260px;
		height: auto;
		overflow: auto;
		margin-top: 15px;
		position: relative;
		background: url("assets/sidebarDottedBorder.gif") repeat-y right;
		float: left;
	}
		#sidebar .borderCell{
			position: relative;

			width: 219px;
			height: auto;
			overflow: hidden;
			margin: 5px 0 0 22px;
		}
		#sidebar .borderCell a, #sidebar .borderCell a:visited{
			color: #f45c03;
		}
		#sidebar .borderCell .top{
			position: relative;
			width: 219px;
			height: 5px;
			overflow: hidden;
			background: url("assets/sidebarTopBorder.gif");
		}
		#sidebar .borderCell .body{
			position:relative;
			width:219px;
			height: auto; 
			overflow: auto;
			background: url("assets/sidebarBgTile.gif");
		}
			#sidebar .borderCell .body .content{
				width: 200px; 
				margin: auto; 
				height: auto; 
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 10px; 
				color: #667282;
				padding: 10px 0 10px 0;
			}
			#sidebar .borderCell .body .content a.delX{
				margin: 0;
				padding: 1px;
				background: #FF6633;
				color: #ffffff;
				display: inline-block;
				height: 8px;
				line-height: 6px;
				width: 7px;
				overflow: hidden;
				text-decoration: none;
				font-weight: bold;
			}
		#sidebar .borderCell .bottom{
			position: relative;
			width: 219px;
			height: 5px;
			overflow: hidden;
			background: url("assets/sidebarBottomBorder.gif");
		}

#ooSmallButton{
			background: url("assets/ooSmallMenuButton.gif") no-repeat;
			width: 171px;
			height: 24px;
			color: #ff7f01;
			font-weight: bold;
			margin: auto;
			text-align: center;
			line-height: 24px;
			font-size: 10px;
		}
	
	#oomenuDisplay{
		position: relative;
		width: auto;
		height: auto;
		float: left;
		margin: 15px 0 0 15px;
	}
		#oomenuDisplay #oomenu{
			position: relative;
			height: 27px;
			width: auto;
			margin: 0;
			padding: 0;
		}
		#oomenu_currLoc{
			height: 55px;
			width: 560px;
			border-top: 7px solid #ff7f01;
			border-bottom: 3px solid #ff7f01;
			background: #ffffff;
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 10px; 
			line-height: 65px;
			color: #667282;
		}
		#oomenuDisplay a{
			text-decoration: none;
			color: #888888;
			font-weight: bold;
		}
		#oomenuDisplay a.pickupLink{
			text-decoration: none;
			color: #FF6633;
			font-weight: bold;
		}
		#oomenuDisplay a.pickupLink:hover{
			text-decoration: underline;
		}
		#oomenuDisplay #oomenuSubmit{
			background: url("assets/ooMenuButton.gif") no-repeat;
			width: 315px;
			height: 43px;
			color: #ff7f01;
			font-weight: bold;
			margin: auto;
			text-align: center;
			line-height: 43px;
			font-size: 12px;
		}

.menuListItem{
	width: 560px;
	height: 29px;
	border-bottom: 1px dotted #000000;
	border-top: none;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	line-height: 30px;
	position: relative;
	z-index:0;
	margin-top: 0px;
	color: #666666;
}

.submenuListItem{
	width: 540px;
	height: 29px;
	border-bottom: 1px dotted #000000;
	border-top: none;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	line-height: 30px;
	position: relative;
	z-index:0;
	margin-top: 0px;
	font-weight: bold;
	color: #666666;
}

.tip{
	margin-top: 10px;
}

* html .menuListItem{
	border-left: 1px solid #ffefcb;
	border-right: 1px solid #ffefcb;
}
	
	.menuListItem .infoDiv{
		display:none;
		position: absolute;
		top: 0px;
		left: 135px;
		z-index: 1000;
		padding: 10px;
		border: 1px solid #2c3d54;
		background: #ffffff;
		width: 200px;
		height: auto;
		overflow: auto;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666666;
		line-height:normal;
	}



#contentBottom{
	position: relative;
	height: 14px;
	width: 900px;
	background: url("assets/contentBottomBorder.gif");
	margin-bottom: 20px;
	overflow: hidden;
}

/* BUTTON GRAPHIC ELEMENTS */

.button{
	clear: both;
}
.buttonFixed{
	width: 200px;
	margin: auto;
}
	.buttonMain{
		position: relative;
		background: url("assets/buttonBg.gif") repeat-x;	
		height: 27px;
		width: auto;
		text-align: center;
		padding: 0px 15px;
		float: left;
	}
	.buttonMainFixed{
		position: relative;
		background: url("assets/buttonBg.gif") repeat-x;	
		height: 27px;
		width: 200px;
		margin: auto;
		text-align: center;
	}
	.buttonLeft{
		position: absolute;
		left: 0px;
		height: 27px;
		width: 8px;
		background: url("assets/buttonBgLeft.gif") no-repeat top left;
	}
	.buttonRight{
		position: absolute;
		right: 0px ;
		height: 27px;
		width: 8px;
		background: url("assets/buttonBgRight.gif") no-repeat top right;
	}
	.buttonText{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #ffffff;
		font-weight: bold;
		padding: 5px 0px;
	}

/* END BUTTON GRAPHIC ELEMENTS */


/* PASSWORD OVERLAY SCREEN STUFF */
#pageScreen{
	left: 0; 
	top: 0;
	display: none; 
	height: 100%; 
	width: 100%; 
	position:absolute; 
	z-index: 100; 
	background:#666666; 
	filter: alpha(opacity=50);
}
#forgotPasswordBox, #passwordSuccessBox, #passwordFailBox{
	width: 300px; 
	margin: auto;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ffffff; 
	background: #FF6600; 
	color: #FFFFFF;
	position:relative;
	top: 200px;
	text-align: center;
}
#forgotPasswordScreen{
	left: 0; 
	top: 0;
	display: none;
	height: 100%;
	width: 100%;
	z-index: 200;
	position:absolute;  
}
/*END OVERLAY STUFF*/