/*
***********************************************************

	HTML CLASSES

***********************************************************
*/

	body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:1.6em;
		margin:0px;
		background-image:url(../images/background.gif);
	}
	h1 { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		font-weight:normal;
	}
	h2 { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	h1,h2 { margin-top:0px; margin-bottom:20px; line-height:1.2em; }
	p,ul { margin-top:0px; margin-bottom:20px; }
	form { margin:0px; padding:0px; }
	
	a { color:#0033CC; }
	a:hover { text-decoration:none; }
	
/*
***********************************************************

	STRUCTURAL CLASSES

***********************************************************
*/

	#canvas {
		background-image:url(../images/background_top.jpg);
		background-repeat:repeat-x;
		background-position:top;
		padding:40px 10px;
	}
	
	#inner_canvas {
		width:760px;
		height:1%;
		margin:0px auto;
	}
		#inner_canvas_top {
			background-image:url(../images/canvas_top.gif);
			width:760px;
			height:30px;
		}
		#inner_canvas_main {
			background-color:#FFFFFF;
			min-height:500px;
			padding:0px 30px;
		}
		
			#header { 
				width:700px;
				height:80px;
				margin-bottom:10px;
			}
				#header_logo {
					float:left;
					width:400px;
					padding-top:10px;
				}
				#header_contact {
					float:left;
					width:300px;
					text-align:right;
				}
			
			#menu {
				width:700px;
				height:38px;
				background-image:url(../images/menu_back.gif);
				background-repeat:repeat-x;
				margin-bottom:20px;
			}
			#menu_left {
				background-image:url(../images/menu_left.gif);
				background-repeat:no-repeat;
				background-position:left;
				width:700px;
				height:38px;
			}
			#menu_right {
				background-image:url(../images/menu_right.gif);
				background-repeat:no-repeat;
				background-position:right;
				width:700px;
				height:38px;
			}
			#menu_inside {
				padding:0px 20px;
				width:660px;
				height:38px;				
			}
			
			#menu_inside ul {
				margin:0px;
				padding:0px;
				list-style-type:none;
			}
			#menu_inside ul li {
				float:left;
				height:38px;
				padding-left:2px;
				background-image:url(../images/menu_separator.gif);
				background-repeat:no-repeat;
				background-position:left;
			}
			#menu_inside ul li a {
				display:block;
				line-height:14px;
				padding:12px 20px;
				font-weight:bold;
				text-decoration:none;
				color:#000000;
			}
			#menu_inside ul li a:hover {
				background-image:url(../images/menu_back_selected.gif);
				background-repeat:repeat-x;
			}
			#menu_inside ul li a.selected {
				background-image:url(../images/menu_back_selected.gif);
				background-repeat:repeat-x;
			}
		
		#inner_canvas_bottom {
			background-image:url(../images/canvas_bottom.gif);
			width:760px;
			height:60px;
			padding-top:20px;
			text-align:center;
		}
			#inner_canvas_bottom a {
				margin:0px 5px;
			}
			
	#footer {
		text-align:center;
		color:#666666;
		padding-top:10px;
		font-size:11px;
	}
		
		
	
	
/*
***********************************************************

	CUSTOM CLASSES

***********************************************************
*/

	.defaultTable { border-collapse:collapse; border:1px solid #999999; }
	.defaultTable th { background-color:#DDDDDD; border:1px solid #999999; color:#666666; padding:4px; }
	.defaultTable td { padding:4px; border:1px solid #999999; }
	.defaultTable tr.trOver { background-color:#F7FDE3; }
	.defaultTable tr.trEven { background-color:#F1F1F1; }
	
	.image_right {
		float:right;
		margin-left:20px;
		margin-bottom:20px;
	}
	
	.brands td {
		text-align:center;
		width:25%;
	}
	.brands tr.brands_images td {
		vertical-align:bottom;
	}

/*
***********************************************************

	MARGIN CLASSES

***********************************************************
*/

	.mt0 { margin-top:0px; }
	.mb0 { margin-bottom:0px; }
	.mt10 { margin-top:10px; }
	.mb10 { margin-bottom:10px; }
	.mt20 { margin-top:20px; }
	.mb20 { margin-bottom:20px; }
	
	.clear { clear:both; height:0px; }
	
	
	


