/* CSS Document */

/* HTML standard tweaking */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:0; }
p { padding: 0px 10px 10px 10px; margin-top: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

h1 { margin: 0px; padding: 0px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
h2 { font-size: 12px; font-weight: bold; margin: 0px; padding: 0px 0px 10px 0px; color: #666; }
h4 { padding: 0px 10px 0px 10px; margin: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}

hr {border: 1px solid #DDD;}
	
li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}


/* To prevent failures in the CSS for FireFox */
.clearer{ clear:both; border:none; line-height:0; height:0; }

/* The container to handle the whole site */
div#container { width: 730px; background-color:#FFFFFF; margin: 0px auto; }

	/* Drawing the content area */
	div#content { width: 500px; float: right; }
				
		/* Drawing tables for content area*/
		div#content table { margin-top: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
		div#content th { padding: 3px; padding-bottom: 5px; padding-top: 5px; background-color:#cc1541; border: 0px; 
						 border-bottom: 3px solid #FFF; text-align: left; color: #FFF;}
		div#content td { padding: 3px; border: 0px; border-bottom: 1px solid #FFF; background-color: #ffffff;}
		div#content td.darkColor {background-color: #fdd8a0;}
		div#content td.spaceColor {background-color: #fff; height: 20px;}
		div#content td.center { text-align: center; }		
		div#content td.right { text-align: right; }
		div#content ul {margin-left: 0; padding-left: 10px; list-style: none;}
		div#content li {margin: 0 0 0 5px; 
        				padding: 0 0 0 15px; 
		
						}

	/* Drawing the left menu */
div#menu_area { width: 200px; float: left;}
	.menuheader { list-style: none; background-color: #CC3333; color: #FFF; font-weight: bold; padding: 0; margin: 0; font-size: 12px; margin-top: 10px; border-bottom: 1px solid #e2597b; border-right: 1px solid #e2597b;}
	.menuheader li {padding: 5px 5px 5px 10px; margin: 0;}		
	.menu { margin: 0; padding: 0; list-style: none;}
		.menu li { padding: 4px 5px 4px 10px; font-size: 11px; display: block; background-color: #EEE; border: 1px solid #EEE; border-bottom: 1px solid #CCC; border-top: 0; background-repeat:repeat-x;}
		#active { font-weight: bold; color: #333; background-color:#CCC; background-repeat:repeat-x; border: 1px solid #CCC; border-bottom: 1px solid #AAA; border-top: 0;}
		
		#active a:link, #active a:visited, #active a:hover, #active a:active {color: #333333; text-decoration:none;} 
		
	/* tester */
	#bottom { padding: 4px 5px 4px 10px; background-color:#CC3333; color: #FFF; font-weight: bold; font-size: 12px; }

	/* Link 
	a:link {color: #ec7600; text-decoration: none; }
	a:visited {color: #ec7600; text-decoration: none; }
	a:hover {color: red; text-decoration: underline; }
	a:active {color: red; } 
	*/
	
	/* Photo-area */
	div.picArea_float {float: left; padding: 5px; margin: 5px; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-top: 1px solid #EEE; border-right: 1px solid #EEE; width: 100px; height: 200px;}
	div.picArea_float p {text-align: center;}
	div.picArea_container {border: 2px solid #ff0137; background-color: #ffe; font-size: 11px; margin-bottom: 10px; margin-top: 5px;}
	div.picArea_spacer {clear: both;}
	div.picArea_header {padding: 3px; padding-bottom: 5px; padding-top: 5px; background-color:#ff0137; border: 0px; 
						 border-bottom: 3px solid #FFF; text-align: left; color: #FFF; font-weight: bold;}
						 
	div.form {}
	div.form input {}
						 
	/* Distributor */
	.dist_area {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		padding: 10px;
		width: 400px;
		margin-bottom: 5px;
	}			 
	
	/* Features */
	div.feature {
		border-top: 1px solid #EEE;
		padding-top: 10px;
	}
	
	div.feature img.product {
		margin-left: 10px;
		margin-right: 10px;
		float:left;
		margin-bottom: 30px;
	}