/*--- general ---*/
body { margin: 0; padding: 0; font-family: serif; font-size: 11pt; color: #333; }
h1 { font-size: 170%; margin: 10px 0 0.5em; clear: both; }
h2 { font-size: 150%; margin: 0 0 0.5em; clear: both; }
h3 { font-size: 120%; margin: 0 0 0.5em; }
h4 { font-size: 100%; margin: 0 0 0.5em; }
h5 { font-size: 100%; margin: 0 0 0em; }
p { padding-bottom:10px; margin: 0; }
ul, ol { padding: 0 0 15px 20px; margin: 0; }
li { margin: 0; padding: 0 0 5px 15px; }
form { margin: 0; }
form p { clear: both; }
input, select, textarea, button, table, td, th { font-family: serif; font-size: 100%; }
input.text, textarea { width: 180px; }
textarea { height: 70px; overflow: auto; }
label { display: block; width: 8em; margin: 0 0.5em 0 0; float: left; clear: left; padding: 0.2em 0 0; text-align: left; }
a { color: #333; text-decoration: none; }
a img { border: none; }
.clear { clear: both; } 
.border img {  border:3px solid #f1f1f1;}
.hr { font-size: 1px; height: 1px; border-bottom: 1px solid #d5d5d5; clear: both; margin-bottom: 10px;}

/*---------------------------------------------------------------------- LAYOUT---*/
#all {	
	width: auto;
}

#top, #header #user, #menu, #left {
	display: none;
}
#header {
	margin-bottom: 10px; padding-bottom: 10px;
	border-bottom: 1px solid gray;
}
.col2, .colleft, .colright { width: 49%; float: left;}
.colright { margin-left: 10px;}
.colright form { display: none;}

.productrow {
	width: 100%;
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d5d5d5;
	background:none
}
.productrow div {width: 49%;float: left;}
.productrow div img { float: left; margin-left: 1px; }
.productrow div h3, .productrow div h4, .productrow div p { padding: 0 5px 3px 135px}
.productrow div h3 { padding-top: 5px; font-size: 110%;}
.productrow .thumbs p { padding: 0 0 0 15px;}
.productrow .thumbs img { 	
	float: left;
	margin: 0 11px 11px 0;
	border: 3px solid #f2f2f2;
}

#footer {
	font-size: 90%;
	margin-top: 10px; padding-top: 10px;
	border-top: 1px solid gray;
}

table, td, th  { 
	border-collapse: collapse;
	border: 1px solid silver;
	padding: 2px 5px;
	text-align: left;
}
table { margin-bottom: 20px;}

table.layout  { border: none;}
table.layout td { 
	border: none;
	padding: 2px 10px 2px 0; 
	background: none;
}

/*----------------------------------------------------------------------------- OTHERS ---*/
.right { float: right }
.left { float: left }
.fright { float: right; margin: 0 0 10px 10px; }
.fleft { float: left; margin: 0 10px 10px 0; }
.textright, td.textright, th.textright { text-align : right }
.textleft, td.textleft { text-align : left }
.textcenter, td.textcenter { text-align : center;}
.middle { vertical-align : middle }
.clear { clear: both;}