/*--- general ---*/
body { margin: 0; padding: 0; font-family: serif; font-size: 11pt; color: #333; }
h1 { font-size: 170%; margin: 0 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; }
p { padding-bottom:15px; margin: 0; }
ul, ol, dl { padding: 0 0 15px 20px; margin: 0; }
dl { padding: 0 0 15px 0px; }
li { margin: 0; padding: 0 0 5px 15px;}
dt, dd { margin: 0; padding: 0 0 5px 0;}
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: right; }
a { color: #333; text-decoration: none; }
a img { border: none; }
img.border { border: 7px solid #f3f3f3;} 
.clear { clear: both; }
.bb { padding-bottom: 5px; margin-bottom: 1em; border-bottom: 1px solid #e3e4e4;} 

/*---------------------------------------------------------------------- LAYOUT---*/
#top, #header form, #left img, #menu, #footer .right, #footer br, #copy .left, #googlead {
	display: none;
}
#header h1 { float: left; width: 48%; padding: 30px 0 0 105px; position: relative;}
#header h1 span { font-size: 150%;}
#header h1 img { border: 1px solid #526372; position: absolute; top: 10px; left: 10px;}

.text { float: left; width: 65%; padding: 1em 0 0 15px;}
.graycol { float: right; margin-bottom: 1px; width:30%; border: 1px solid silver}
.graycol div { width: 100%; padding: 8px 0 0; }
.graycol p {padding: 0 8px 0.8em 9px;}
.box-blue  {border-bottom: 1px solid silver; }

.col4, .ref, .smallbox-silver, .smallbox-blue, .smallbox-aqua  { width: 100%; overflow: hidden; border: 1px solid silver; margin-bottom: 1em; padding: 2px;}
.col4 div { float: left; width: 20%; margin-right: 15px;}
.col4 li  {padding-left: 0;}

 .ref div { float: left; width: 30%; margin-right: 5px;}

.col2 { width: 48%; float: left;}
.col3 { float: left; width: 200px; font-size: 90%;}
.thumb { width: 130px; min-height: 185px; _height: 185px; float: left; border: 1px solid #e4e5e5; text-align: center; font-size: 90%; margin: 0 8px 8px 0;}
.thumb img { margin-top: 5px;}
.thumb div { width: 120px; height: 120px; overflow: hidden;}
.thumb p { padding: 0 10px; margin-top: 10px;}
.price { font-size: 150%; }
#footer p, #copy p { float: none;text-align: center;}

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

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