@charset "utf-8";
@import "text.css";
@import "menu.css";
@import "shop.css";
@import "admin.css";

/* CSS Document */
body  {
	background: #000000;
/*	background-image:url(../images/zzz.jpg);*/
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container {
	position:absolute;
	left:50%;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	margin-top:10px;
	margin-left:-387.5px;
	width: 775px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	min-height:592px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFFF;
} 

#top-bar {
	background-color:#00aeef;
	width:775px;
	height:144px;
	margin:0px;
	padding:0px;
}
#top-bar #top-menu {
 	margin:0px;
 	padding:0px;
	position:relative;
	bottom:-34px;
	left:0px; 
}

#top-bar #top-menu li {
	float:left;
	background-color:#c7edfb;
	margin:4px 2px;
	padding:0px;
	list-style:none;
}

#top-bar #top-menu li:hover {
	background-image:url(../images/top-button-background.jpg);
}	


#top-bar #logo {
	position:relative;
	top:15px;
	left:40px; 
}

#top-bar #search-box {
	background-color:#b2e5f7;
	position:absolute;
	top:45px;
	left:530px;
	padding:5px;
}

#top-bar #search-box form {
	display:inline;
}

#top-bar #search-box input {
	width:130px;
}

#top-bar #search-box input.button {
	width:auto;
}

#top-bar #search-box label {
	width:45px;
	color:#000000;
	font:10pt Arial, Helvetica, sans-serif;
	margin-top:4px;
	float:left;
}

#top-bar #top-menu li a {
	padding-left:15px;
	padding-top:7px;
	display:block;
	width:136px;
 	height:26px;
	font:10.5pt Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	border:0px solid black;
}

#side-bar {
	background-color:#ffffff;
	float:left;
	width:153px;
	margin:0px;
	padding:10px;
	text-align:right;
}

#side-bar #side-menu {
	margin:0px;
	padding:0px;
	float:right;
	width:145px;
	text-align:left;
}

#side-bar #recently-viewed {
	float:right;
	width:143px;
	text-align:center;
	background-color:#b2e5f7;
	border:1px solid #00aeef;
	color:#000000;
	font:8pt Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

#side-bar #recently-viewed h1{
	color:#000000;
	font:10pt Arial, Helvetica, sans-serif;
	margin:0px;
	padding:2px 0px;
	background-color:#00aeef;
}

#side-bar #side-menu li {
	margin:4px 0px;
	padding:0px;
	list-style:none;
	border:1px solid #00aeef;
}

#side-bar #side-menu li:hover {
	background-image:url(../images/side-button-background.png);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#b2e5f7;
}	

#side-bar #side-menu li a {
	padding-left:8px;
	padding-top:3px;
	width:137px;
 	height:21px;
	font:9pt Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

#content {
	background-color:#d9f3fd;
	float:left;
	width:602px;
	margin:0px;
	padding:0px;
}
#title-bar {
	background-color:#000000;
	width:602px;
	height:42px;
	margin:0px;
	padding:0px;
}
#content-text {
	margin:0px;
	padding:20px;
	min-height:215px;
}
#bottom-bar {
	background-color:#ffffff;
	width:602px;
	height:250px;
	margin:0px;
	padding:0px;
}