@import url('colors.css');

html { margin: 0px; padding: 0px; }

body {
	margin: 0px; padding: 0px;
	text-align: center;
}

img { border: 0px; }

.clear { clear: both; }

/*************** fonts *****************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;

}

#footer, #menu {
	font-size: 85%;
}


/*************** layout ***************************/
#body2col{
	width: 100%;

}

#body3col {
	width: 100%;

}

#body2 {
	width: 20%;
	float: left;
	padding: 10px 10px 10px 25px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 18px;
}
	html>body #body2 { width: 165px; }

#body2col #body1 {
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
}
	html>body #body2col #body1 { width: 30%px; }

 #body1 {
	width: 60%;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
}
	html>body #body3col #body1 { width: 60%; }

#body3 {
	width: 220px;
	padding: 10px;
	float: left;
		font-size: .8em;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;

}
	html>body #body3 { width: 220px; }

#container {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}

#flashmovie {

}

#logo {
	margin: 0px auto;
	height: 160px;
	text-align: left;
	background: url('images/banner_b.gif') no-repeat;
}
#bodymiddle {
width: 550px;
float: left;
		padding: 5px 0px 5px 0px;
}

#cart {
 height: 25px; 
 padding: -13px 0px 0px 0px;
float: right;
}
#menu { height: 25px; 
padding: 3px 0px 0px 0px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	#menu li { float: left; }
	#menu a {
		
		padding: 5px 5px 5px 25px;
	}
	
.submenu {
	margin: 0px 0px 0px -15px;
	padding: 0px;
	list-style: none;
}
	.submenu li {
		margin-bottom: 3px;
	}
	
	.submenu a {
		display: block;
		width: 200px; /* left side*/
		height: 25px;
		padding: 5px 5px 5px 15px;
		border: solid 1px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 158px;
	}

	
.submenu3 a {
		display: block;
		align: left;
		height: 30px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 120px;
		font-size: 90%;
	}	
			li {
			margin: 0px 0px 0px -5px; 
			color: #000000;
			}
	
		html>body .submenu a { width: 158px; }
#disclamer {
	float: left;
	font-weight: bold;
	background: #999999;
width: 100%;
	font-size: 80%;
	padding: 0px 0px 0px 0px;
}			

#footer {
float: left;
width: 100%;
font-weight: bold;
	height:40px;
		font-size: 80%;
	padding: 5px 0px 0px 0px;
}

#dis {
	float: left;
	font-weight: bold;
	background: #999999;
width: 100%;
	font-size: 80%;
	padding: 0px 0px 0px 0px;
}			

#foot {
float: left;
width: 100%;
font-weight: bold;
	height:40px;
		font-size: 80%;
	padding: 5px 0px 0px 0px;
}

.clear { clear: both; }

/***************** other media styles *********************/

@media print {
	#logo, #menu, .submenu, #flashmovie, #footer { display: none; }
	
	#body2col, #body3col, 
	#body2col #body1, html>body #body2col #body1, 
	#body3col #body1, html>body #body3col #body1, 
	#body3, html>body #body3,
	#body2, html>body #body2, 
	#container { width: auto; float: none; }
	
	#body2col, #body3col { background-image: none; }
	
	#body2, #body1, #body3 { padding: 20px; }
	
}

@media handheld {
	#body2col, #body3col, 
	#body2col #body1, html>body #body2col #body1, 
	#body3col #body1, html>body #body3col #body1, 
	#body3, html>body #body3,
	#body2, html>body #body2, 
	#container { width: auto; float: none; }
	
	#body2col, #body3col { background-image: none; }
	
	#body2, #body1, #body3 { padding: 20px; }
		
	#flashmovie { display: none; }
	
	.submenu, .submenu li { margin: 0px; }
	.submenu li { display: inline; }
	.submenu a:link, .submenu a:visited { display: inline; width: auto; border: none; background: none;  }
	.submenu a:hover { background: none; border: none;  }
}