@charset "utf-8";

.OuterWrapper { width: 922px; margin: auto; font-family: Arial, Helvetica, sans-serif; color: #333;}

#TopWrapper { font-size: 11px; text-align: right; padding: 2px; }

#MidWrapper { height: 60px; background-image: url(http://www.megacomputer.ca/index.php/public/mc/images/new_header/top_background_v2.png); }

#Logo { height: 60px; float: left; width: 33%; }

#SearchBox {
	width: 33%;
	height: 26px;
	float: left;
	margin-top: 17px;
}

#SearchBox input {
	width: 240px;
	border: 1px solid #DDD;
	font-size: small;
	float: left;
	padding: 4px;
}

#SearchBox button {
	height: 26px;
	width: 36px;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(http://www.megacomputer.ca/index.php/public/mc/images/new_header/search_3.png);
	background-repeat: no-repeat;
	float: left;
	background-position: center center;
	background-color: #EFEFEF;
	border: 1px #DDD;
	;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
}

#Info {
	width: 33%;
	text-align: right;
	float: right;
}

#BotWrapper {
	clear: both;
	float: left;
}

#MainNav * {
	margin: 0;
	padding: 0;
}

#HomeButton {
	width: 55px;
	height: 24px;
	text-align: center;
	float: left;
	border: 1px solid #DDD;
	background-repeat: repeat-x;
	background-image: url(http://www.megacomputer.ca/index.php/public/mc/images/new_header/bot_background.png);
	padding-top: 6px;
}

#MainNav ul {
	List-Style: none;
	float: left;
	background-image: url(http://www.megacomputer.ca/index.php/public/mc/images/new_header/bot_background.png);
	background-repeat: repeat-x;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: none;
}

#MainNav li { float: left; }

#MainNav li a {
	text-align: center;
	font-size: small;
	text-decoration: none;
	width: 143px;
	height: 30px;
	line-height: 30px;
	border-right: 1px solid #FFF;
	display: block;
	color: #333;
	font-weight: bold;
}

#MainNav ul a:hover {
	background-image: url(http://www.megacomputer.ca/index.php/public/mc/images/new_header/home_background.png);
	background-repeat: repeat-x;
	color: #F60;
	text-decoration: underline;
}